/* Pearl glass controls and bounded motion across all workspaces. */
.primary{border:1px solid #ffffffa6!important;box-shadow:inset 0 2px 3px #ffffffa0,inset 0 -3px 6px #07434a30,0 5px 18px #18c7c535,0 0 0 1px #87eceb65!important;backdrop-filter:blur(20px) saturate(160%);text-shadow:0 1px 3px #073d6755}.primary:after{opacity:.8}.primary:hover{box-shadow:inset 0 2px 4px #fff,0 4px 28px #7ce7e888!important}.primary.purple{border-color:#eacbffbf!important}.nav .icon,.tools .icon{filter:drop-shadow(0 2px 1px #071f4538) drop-shadow(0 -1px 0 #ffffffa0)}
.theme-btn{position:relative;gap:7px!important;border-radius:24px!important;padding:4px!important;width:76px!important;isolation:isolate}.theme-btn:before{content:'';position:absolute;left:3px;top:3px;bottom:3px;width:32px;border-radius:50%;background:linear-gradient(145deg,#fffbdb,#ffe79080);box-shadow:inset 0 1px 2px #fff,0 0 14px #ffd16460;z-index:-1;transition:transform .28s,background .28s}.theme-btn svg{width:26px!important;padding:3px}.theme-btn svg:first-child{color:#795709}.theme-btn svg:last-child{opacity:.5}[data-theme=dark] .theme-btn:before{transform:translateX(35px);background:linear-gradient(145deg,#cedaffaa,#91a5fa50);box-shadow:inset 0 1px 2px #fff9,0 0 16px #9eb7ff55}[data-theme=dark] .theme-btn svg:first-child{opacity:.45;color:inherit}[data-theme=dark] .theme-btn svg:last-child{opacity:1;color:#ecf2ff}
.stat[data-wallet=crystals] img{width:52px!important;height:62px!important;max-height:none!important;object-fit:contain;filter:drop-shadow(0 0 9px #b78bff80)}.price img{width:38px;height:44px;object-fit:contain}.exchange-crystal{width:95px;height:130px;object-fit:contain;float:left;margin-right:24px;filter:drop-shadow(0 0 24px #aa74ff88)}
.current-layout .hero-art{overflow:hidden!important;border:1px solid var(--border);border-radius:20px;padding:18px;isolation:isolate;min-width:0;background:radial-gradient(ellipse,#bc96ff1c,transparent 70%)}.current-layout .hero-art img{width:100%!important;max-width:100%!important;transform-origin:center;animation:course-breathe-v5 8s ease-in-out infinite!important}.current-layout .hero-art:hover img{transform:none!important}.current-copy{position:relative;z-index:2;min-width:0}.course-switch{display:flex;gap:7px;align-items:center}.course-switch .icon-btn{width:30px;height:30px;min-width:30px;font-size:22px}.current-course .section-head{flex-wrap:wrap}.course-switch small{white-space:nowrap}@keyframes course-breathe-v5{0%,100%{transform:scale(.93) translateY(2px)}50%{transform:scale(1.015) translateY(-3px)}}
[data-background=aurora]{background:radial-gradient(at 20% 20%,#58dfdb66,transparent 60%),radial-gradient(at 75% 80%,#b081ed66,transparent 65%)}[data-background=moon]{background:radial-gradient(at 50% 30%,#c9deff88,#525a8c44 60%,transparent)}[data-background=pearl]{background:conic-gradient(from 20deg,#f5bfe844,#cdf6ff88,#fff2cd99,#f5bfe844)}[data-background=sunset]{background:linear-gradient(135deg,#ffbd8144,#db79bc66,#7467cb55)}[data-background=forest]{background:radial-gradient(at 60% 30%,#8ecb8d66,#1c694866,transparent)}[data-background=cosmos]{background:radial-gradient(at 30% 25%,#a48cfe88,#16154888 80%)}[data-background=ocean]{background:linear-gradient(140deg,#8cdff888,#248aa766,#214c6f66)}[data-background=ember]{background:radial-gradient(at 50% 75%,#ffb84488,#a5346433,transparent)}.avatar-stage{border-radius:26px}.background-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.background-option{min-height:70px;border:1px solid var(--border);border-radius:15px;padding:10px;color:var(--text);font-size:12px}.background-option.active{outline:2px solid var(--teal)}
.category-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.category-tabs .active,.slot-grid .active{box-shadow:inset 0 1px 4px #ffffff88,0 0 18px #35d5d33b;border-color:var(--teal);background:linear-gradient(135deg,#3dc5ca36,#b094ed30)}.shop-v5{display:flex;flex-direction:column;gap:17px}.shop-art{height:160px;object-fit:contain;filter:drop-shadow(0 8px 20px #61359244)}.shop-v5 .primary{margin-top:auto}.breed-section>h2{margin-top:25px}.breed-section>p{margin:12px 0 20px}.breed-card{display:flex;flex-direction:column;gap:12px}.breed-card>img{height:155px;object-fit:contain}.breed-card p{font-size:13px;line-height:1.6}.adult-preview{height:200px;object-fit:contain;width:100%}.egg-silhouette{height:150px;display:grid;place-items:center;background:radial-gradient(ellipse,#aec4d11b,transparent 70%)}.egg-silhouette .icon{width:85px;height:110px;opacity:.3}.awaiting-art .pill{align-self:flex-start}.breed-card details{margin:4px 0}
.achievement-timeline{max-width:920px;margin:auto;display:grid;gap:20px;position:relative}.achievement-row{display:flex;align-items:center;gap:30px;position:relative;overflow:hidden;background:radial-gradient(at 0 80%,#ffcf6c20,transparent 55%),var(--glass)}.achievement-art{height:150px;width:150px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(ellipse,#ffe7992b,transparent 70%)}.achievement-art img{height:145px;max-width:140px;object-fit:contain;filter:drop-shadow(0 0 12px #edb76550)}.achievement-row>div:nth-child(2){flex:1}.achievement-row h2{margin:9px 0}.achievement-row>svg{color:var(--teal);width:28px}.reward-label{display:inline-block;margin-top:15px;color:var(--teal)}.flapster-art{width:170px!important;height:180px!important;object-fit:contain;filter:drop-shadow(0 0 22px #dd70433b)}.section-title{margin:30px 0 18px}.reward-coins img{animation:reward-hover 3s ease-in-out infinite}@keyframes reward-hover{50%{transform:translateY(-4px) rotate(7deg)}}
.kanban-v5{grid-template-columns:repeat(5,minmax(190px,1fr));overflow-x:auto;align-items:start;padding-bottom:20px}.kanban-v5>section{min-height:230px;background:#7eb8d108;border:1px solid var(--border);border-radius:20px;padding:15px}.kanban-v5>section h3{font-size:14px;margin-bottom:18px}.kanban-v5 [draggable]{cursor:grab;padding-bottom:13px;border-bottom:1px solid var(--border);margin-bottom:8px}.kanban-v5 [draggable]:active{cursor:grabbing}.kanban-v5 [draggable]>small{display:block;font-size:10px;margin:8px;color:var(--muted)}.planner-filters{display:flex;gap:15px}.planner-filters>.field{min-width:240px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.composer-shell{position:relative;background:var(--glass);border:1px solid var(--border);border-radius:17px;overflow:hidden}.composer-shell textarea{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;min-height:95px!important}.composer-toolbar{display:flex;align-items:center;gap:5px;padding:3px 8px 8px}.composer-toolbar .icon-btn{width:30px;height:30px;min-width:30px;background:#a8e9f017}.composer-toolbar .attachment-name{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-wave{width:100%;height:36px;display:block}.voice-wave[hidden]{display:none}.archivus-panel{resize:both;min-width:330px;min-height:400px;max-width:90vw;max-height:90vh;bottom:auto;height:650px}.standalone-assistant{resize:none}.crop-overlay{position:fixed;inset:0;z-index:300;background:#091126df;padding:25px;display:grid;place-items:center}.crop-overlay section{max-width:1100px;width:100%;max-height:95vh;overflow:auto}.crop-overlay canvas{max-height:68vh;width:auto;max-width:100%;margin:15px auto;display:block;cursor:crosshair;touch-action:none}
.participant-picker{margin:16px 0}.person-choice{display:flex;gap:10px;padding:8px;border-radius:10px}.person-choice:hover{background:#72d8dc1a}#participant-list{max-height:170px;overflow:auto;border:1px solid var(--border);border-radius:13px;padding:8px}#participant-chips,#meeting-conflicts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.slot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:15px 0}.slot-grid .soft-btn{padding:8px;font-size:12px}.busy{border-color:#f2919488!important;color:#dc6173!important;background:#e5858d17!important}.slot-grid .free{border-color:#67c6b775}.calendar-symbol .icon{width:25px;height:25px}.legend .icon,.calendar-legend .icon{width:15px;height:15px;margin-right:5px}.legend>span,.calendar-legend>span{display:inline-flex;align-items:center}.employee-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.employee-row>div:first-child{flex:1}.employee-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.capability-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.capability-list label{padding:12px;border:1px solid var(--border);border-radius:14px;display:flex;gap:10px}.archive-action{margin-top:30px;border-top:1px solid var(--border);padding-top:15px}.archive-action p{margin:15px 0}.access-row{border-top:1px solid var(--border);padding:15px 0;display:grid;grid-template-columns:1.1fr .7fr 1.5fr auto;gap:12px;align-items:center}.access-row .field{margin:0}.access-row .field>span{font-size:10px}.knowledge-folder details,.overview-list details{margin:15px 0}.knowledge-folder summary,.overview-list summary{cursor:pointer;padding:9px}.knowledge-folder h2{display:flex;align-items:center;gap:12px}.knowledge-folder p{margin:16px 0}.knowledge-folder .prose{margin:12px 0}.overview-list{display:grid;gap:20px}.student-progress{display:grid;grid-template-columns:1fr 180px 1fr;gap:25px;padding:17px;border-top:1px solid var(--border)}.student-progress p{font-size:12px;color:var(--muted);margin-top:6px}.student-progress small{font-size:11px}.overview-list>section>p{margin:15px 0;line-height:1.7}.slide-viewer img{display:block;max-height:70vh;max-width:100%;margin:15px auto;object-fit:contain;user-select:none}.slide-viewer .form-actions{justify-content:center}
.conference-window>.topbar,.conference-window>.prototype{display:none!important}.conference-window #app{padding:12px!important;margin:0;max-width:none}.conference-shell{padding:16px!important;min-height:95vh}.conference-shell h1{font-size:22px}#call-status{font-size:12px;line-height:1.5;margin:12px 0}#call-video{height:75vh;min-height:420px;background:#0f1526;border-radius:18px;overflow:hidden}.conference-shell:has(#teaching-board:not([hidden])) #call-video{width:57%;float:left}#teaching-board{width:41%;float:right}#board-canvas{width:100%;background:#182336;border:1px solid var(--border);border-radius:14px;margin-top:15px;touch-action:none}#teaching-board>.small{margin:14px 0}#teaching-board .section-head{flex-wrap:wrap}
.vartl-peek{animation:vartl-peek 1.6s ease-out!important;max-width:min(450px,96vw)}.vartl-peek .vartl-bubble{border-radius:30px 30px 30px 6px;animation:bubble-arrive 2s ease-out}.vartl-peek .vartl-walk{animation:vartl-steps .23s 8 alternate ease-in-out!important}@keyframes vartl-peek{0%{transform:translateY(230px)}30%{transform:translateY(75px)}55%{transform:translateY(85px)}100%{transform:none}}@keyframes bubble-arrive{0%,70%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}
@media(max-width:800px){.planner-filters{display:block}.slot-grid{grid-template-columns:repeat(4,1fr)}.employee-row{flex-wrap:wrap}.access-row{grid-template-columns:1fr 1fr}.student-progress{grid-template-columns:1fr}.achievement-row{gap:16px;padding:18px}.achievement-art{width:100px;height:120px}.achievement-art img{width:95px;height:115px}.achievement-row h2{font-size:18px}.background-options{grid-template-columns:repeat(2,1fr)}.conference-shell:has(#teaching-board:not([hidden])) #call-video,#teaching-board{width:100%;float:none}.topbar .nav{overflow-x:auto}.capability-list{grid-template-columns:1fr}}
[data-motion=off] .current-layout .hero-art img,[data-motion=off] .reward-coins img,[data-motion=off] .vartl-peek,[data-motion=off] .vartl-peek .vartl-walk,[data-motion=off] .vartl-peek .vartl-bubble{animation:none!important}@media(prefers-reduced-motion:reduce){.current-layout .hero-art img,.reward-coins img,.vartl-peek,.vartl-peek .vartl-walk,.vartl-peek .vartl-bubble{animation:none!important}}

.day-symbols{display:flex;justify-content:center;gap:3px;min-height:17px}.day-symbols .icon{width:14px;height:14px}.day.selected .day-symbols{color:inherit}.tour-continue{pointer-events:auto!important}.tour-continue~.tour-shade{display:none}#tour-layer:has(.tour-continue){pointer-events:none!important}

.art-pending img{filter:brightness(0) opacity(.2)!important}.proof-preview{padding:15px;border-top:1px solid var(--border);font-size:12px}.proof-preview .prose{margin:12px 0}.topbar:has(.nav a[href="#/knowledge"]) .nav a{padding-left:13px;padding-right:13px;font-size:11px}
