*{box-sizing:border-box}:root{color:#f8fafc;background:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 0 0,#60a5fa57,#0000 32rem),radial-gradient(circle at 100% 100%,#f472b63d,#0000 34rem),linear-gradient(135deg,#020617,#111827 52%,#312e81);min-height:100vh;margin:0}button,input,select{font:inherit}.login-shell{width:min(1120px,100% - 2rem);margin:0 auto}.shell{margin:0 auto}.family-shell{width:min(1120px,100% - 2rem)}.workspace-shell{width:min(85vw,100% - 2rem)}.login-shell{place-items:center;min-height:100vh;padding:2rem 0;display:grid}.shell{padding:1.35rem 0 4rem;position:relative}.matte-frame{pointer-events:none;z-index:0;position:absolute;inset:2.6rem -8.5rem 0;overflow:visible}.matte-photo{object-fit:cover;opacity:.88;filter:saturate(1.08)contrast(1.02);border:.42rem solid #f8fafceb;border-radius:1.15rem;display:block;position:absolute;box-shadow:0 24px 60px #00000057}.matte-photo-a{aspect-ratio:3/2;width:clamp(13rem,22vw,20rem);top:6.2rem;left:-6.8rem;transform:rotate(-8deg)}.matte-photo-b{aspect-ratio:2/3;width:clamp(11rem,16vw,15.8rem);top:3.5rem;right:-6.4rem;transform:rotate(7deg)}.matte-photo-c{aspect-ratio:1;width:clamp(10rem,17vw,15rem);top:27.5rem;left:-5.5rem;transform:rotate(10deg)}.matte-photo-d{aspect-ratio:2/3;width:clamp(10rem,15vw,14.5rem);top:24rem;right:-5.6rem;transform:rotate(-6deg)}.matte-photo-e{aspect-ratio:1/1.15;width:clamp(9.5rem,14vw,13.5rem);top:46rem;left:-4.2rem;transform:rotate(-11deg)}.matte-photo-f{aspect-ratio:1/1.55;width:clamp(9rem,13vw,12.5rem);top:44.5rem;right:-3.6rem;transform:rotate(9deg)}.matte-photo-g{aspect-ratio:3/4;width:clamp(10rem,15vw,14.5rem);bottom:-3.2rem;left:clamp(10rem,18vw,16rem);transform:rotate(6deg)}.matte-photo-h{aspect-ratio:3/4;width:clamp(9.5rem,14vw,13rem);bottom:-3.4rem;right:clamp(10rem,18vw,16rem);transform:rotate(-9deg)}.account-panel,.person-dock,.hero,.hub-mode-dock{z-index:2;position:relative}.topbar{z-index:30;position:relative}.login-card,.hero,.account-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172abd;border:1px solid #ffffff29;box-shadow:0 20px 70px #00000047}.login-card{border-radius:28px;width:min(30rem,100%);padding:clamp(1.6rem,5vw,2.4rem)}.login-card h1{max-width:none;font-size:clamp(1.625rem,7.8vw,3.12rem)}.login-note{color:#cbd5e1;line-height:1.6}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.55rem;display:flex}.home-link{color:#bfdbfe;letter-spacing:.18em;cursor:pointer;background:0 0;border:0;padding:.55rem 0;font-weight:900;transition:color .16s,text-shadow .16s}.home-link:hover,.home-link:focus-visible{color:#e0f2fe;text-shadow:0 0 18px #7dd3fc8c;outline:none}.account-actions{z-index:31;color:#cbd5e1;justify-content:flex-end;align-items:center;gap:.6rem;margin-bottom:-.35rem;padding-bottom:.35rem;font-size:.78rem;display:flex;position:relative}.language-toggle{color:#bfdbfe;background:#0f172a94;border:1px solid #93c5fd3d;border-radius:999px;align-items:center;gap:.4rem;padding:.22rem .45rem;font-weight:900;display:inline-flex}.language-toggle span{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.language-toggle select{color:#e2e8f0;background:0 0;border:0;outline:none;font-weight:900}.language-toggle option{color:#e2e8f0;background:#020617}.account-menu-trigger{color:#e2e8f0;cursor:pointer;background:#0f172aad;border:1px solid #93c5fd47;border-radius:999px;align-items:center;gap:.34rem;width:8.9rem;padding:.22rem .32rem .22rem .24rem;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 30px #0000002e}.account-menu-trigger:hover,.account-menu-trigger:focus-visible{background:#93c5fd29;border-color:#93c5fd9e;outline:none;transform:translateY(-1px);box-shadow:0 16px 34px #38bdf824}.profile-icon{color:#020617;text-transform:uppercase;background:linear-gradient(135deg,#38bdf8f2,#f472b6d9);border-radius:999px;flex:0 0 1.33rem;place-items:center;width:1.33rem;height:1.33rem;font-size:.72rem;font-weight:900;display:inline-grid}.account-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:900;line-height:1;overflow:hidden}.account-caret{color:#bfdbfe;font-size:.75rem;line-height:1;transform:translateY(-.05rem)}.account-menu{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172afa;border:1px solid #ffffff29;border-radius:.8rem;min-width:10rem;padding:.32rem;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 20px 60px #00000052}.account-menu-item{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.62rem;width:100%;padding:.5rem .65rem;font-size:.82rem;font-weight:800}.account-menu-submenu{border-top:1px solid #ffffff1a;margin-top:.25rem;padding-top:.25rem;position:relative}.submenu-trigger{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.account-submenu{z-index:1001;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172afa;border:1px solid #ffffff29;border-radius:.8rem;min-width:9rem;padding:.32rem;display:none;position:absolute;top:.25rem;left:calc(100% + .35rem);box-shadow:0 20px 60px #00000052}.account-submenu:before{content:"";width:.5rem;height:100%;position:absolute;top:0;left:-.5rem}.account-menu-submenu:hover .account-submenu,.account-menu-submenu:focus-within .account-submenu{display:block}.account-menu-item:hover,.account-menu-item:focus-visible,.account-menu-item.active{color:#e0f2fe;background:#93c5fd29;outline:none}.account-menu-item.active:after{content:"✓";float:right;color:#86efac}.text-button{color:#bfdbfe;cursor:pointer;background:#93c5fd14;border:1px solid #93c5fd3d;border-radius:999px;padding:.45rem .7rem;transition:transform .16s,background .16s,border-color .16s}.text-button:hover,.text-button:focus-visible{background:#93c5fd2e;border-color:#93c5fd94;outline:none;transform:translateY(-1px)}.hero{border-radius:32px;padding:clamp(1.4rem,3vw,2.6rem)}.hub-stage{align-content:stretch;min-height:48rem;display:grid}.workspace-view{background:radial-gradient(circle at 50% 0%, var(--workspace-glow,#38bdf833), transparent 45%), linear-gradient(135deg, var(--workspace-surface,#0f172a33), #0f172a80);border-color:color-mix(in srgb, var(--workspace-accent,#38bdf8) 36%, #ffffff29);align-content:stretch;min-height:min(85vh,58rem);display:grid;position:relative}.workspace-view.fullscreen{z-index:2000;background:radial-gradient(circle at 50% 0%, var(--workspace-glow,#38bdf857), transparent 44%), linear-gradient(135deg, #020617f5, #0f172afa);width:auto;min-height:0;padding:clamp(1rem,2vw,2rem);position:fixed;inset:1rem;overflow:auto;box-shadow:0 30px 90px #0000009e}.focus-fullscreen-toggle{z-index:2001;border:1px solid color-mix(in srgb, var(--workspace-accent,#38bdf8) 48%, #ffffff47);color:#e0f2fe;cursor:pointer;background:#020617d1;border-radius:999px;padding:.62rem .82rem;font-size:.78rem;font-weight:950;position:absolute;bottom:1rem;right:1rem;box-shadow:0 16px 36px #00000052}.focus-fullscreen-toggle:hover,.focus-fullscreen-toggle:focus-visible{background:color-mix(in srgb, var(--workspace-accent,#38bdf8) 24%, #020617d1);outline:none;transform:translateY(-1px)}.eyebrow{color:#93c5fd;letter-spacing:.18em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:800}h1{letter-spacing:-.05em;max-width:14ch;margin:0;font-size:clamp(1.46rem,4.16vw,3.32rem);line-height:.98}.lede{color:#cbd5e1;max-width:66ch;margin:1.5rem 0 0;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.7}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(18rem,1.05fr);align-items:center;gap:clamp(1.2rem,4vw,3rem);height:100%;display:grid}.calendar-hero-grid{grid-template-columns:minmax(8rem,.22fr) minmax(20rem,1fr);align-items:stretch}.compact-hero-grid{height:100%}.calendar-options{background:#02061757;border:1px solid #ffffff24;border-radius:999px;justify-content:center;justify-self:center;gap:.55rem;width:fit-content;margin-top:auto;padding:.55rem;display:flex}.calendar-option{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.46rem .8rem;transition:background .16s,color .16s}.calendar-option:hover,.calendar-option:focus-visible,.calendar-option.active{color:#e0f2fe;background:#93c5fd33;outline:none}.calendar-window{background:#02061757;border:1px solid #ffffff29;border-radius:26px;min-height:100%;padding:1.4rem;box-shadow:inset 0 0 0 1px #ffffff0a}.calendar-window-full{grid-template-rows:1fr auto;gap:1.2rem;width:100%;height:100%;display:grid}.window-label{color:#93c5fd;text-transform:uppercase;letter-spacing:.16em;margin:0 0 .6rem;font-size:.75rem;font-weight:900}.calendar-window h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.3rem,3.25vw,2.47rem)}.weather-context{color:#e2e8f0;background:#0f172a6b;border:1px solid #ffffff24;border-radius:20px}.weather-loading{color:#cbd5e1;padding:.95rem;font-weight:800}.weather-today-card{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.weather-today-card strong{color:#f8fafc;margin-top:.2rem;font-size:clamp(1.43rem,3.25vw,2.67rem);line-height:1;display:block}.weather-today-card p{color:#cbd5e1;margin:.45rem 0 0;font-weight:800}.weather-hi-low{color:#bfdbfe;text-align:right;gap:.35rem;min-width:8rem;font-size:1.05rem;font-weight:900;display:grid}.weather-week-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;padding:.45rem;display:grid}.weather-day-card{text-align:center;background:#0206174d;border:1px solid #ffffff1a;border-radius:16px;align-content:center;justify-items:center;gap:.25rem;min-height:8.2rem;display:grid}.weather-day-card span{color:#e2e8f0;font-size:.78rem;font-weight:900}.weather-day-card strong{color:#e2e8f0;font-size:1rem}.weather-day-card b{color:#f87171}.weather-day-card em{color:#60a5fa;font-style:normal}.weather-day-card i{font-size:2rem;font-style:normal;line-height:1}.weather-day-card small{color:#93c5fd;font-size:.72rem;font-weight:800}.weather-chip{align-items:center;gap:.7rem;width:fit-content;padding:.65rem .85rem;font-weight:900;display:inline-flex}.weather-chip strong{color:#f8fafc}.calendar-surface{gap:.45rem;margin-top:1rem;display:grid}.calendar-period-label{color:#f8fafc;letter-spacing:-.02em;text-align:center;grid-column:1/-1;margin:0 0 .15rem;font-size:clamp(.88rem,1.95vw,1.37rem);font-weight:950}.calendar-surface-today{grid-template-columns:minmax(10rem,16rem)}.calendar-surface-week,.calendar-surface-month{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{color:#cbd5e1;cursor:pointer;background:#0f172a6b;border:1px solid #ffffff1f;border-radius:16px;align-content:center;justify-items:center;gap:.12rem;min-height:4.6rem;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:grid}.calendar-day:hover,.calendar-day:focus-visible{background:#93c5fd29;border-color:#93c5fd80;outline:none;transform:translateY(-1px)}.calendar-day span{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900}.calendar-day strong{color:#f8fafc;font-size:clamp(.88rem,1.95vw,1.46rem);line-height:1}.calendar-day em{color:#94a3b8;font-size:.72rem;font-style:normal}.calendar-day-blank{visibility:hidden;pointer-events:none}.calendar-day.today{background:#38bdf833;border-color:#7dd3fc8c;box-shadow:inset 0 0 0 1px #7dd3fc2e}.calendar-day.selected{background:#38bdf84d;border-color:#f8fafcd1;box-shadow:0 12px 28px #38bdf829}.calendar-row{margin-top:1rem;display:grid}.calendar-row.with-calendar-arrows{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem}.calendar-arrow{color:#bfdbfe;cursor:pointer;background:#93c5fd1a;border:1px solid #93c5fd47;border-radius:16px;align-self:center;width:2.05rem;height:3.2rem;font-size:1.8rem;line-height:1;transition:transform .16s,background .16s,border-color .16s}.calendar-arrow:hover,.calendar-arrow:focus-visible{background:#93c5fd38;border-color:#93c5fd9e;outline:none;transform:translateY(-1px)}.selected-day-label{color:#bfdbfe;margin:.9rem 0 0;font-weight:900}.calendar-placeholder{color:#cbd5e1;gap:.6rem;margin-top:1.1rem;line-height:1.5;display:grid}.calendar-event-list{gap:.8rem;max-height:34rem;margin-top:1.25rem;padding-right:.25rem;display:grid;overflow:auto}.calendar-event-card{background:#ffffff12;border:1px solid #ffffff24;border-radius:18px;grid-template-columns:minmax(7rem,.28fr) 1fr;align-items:center;gap:.9rem;padding:.9rem;display:grid}.calendar-event-time{color:#bfdbfe;text-transform:uppercase;letter-spacing:.04em;gap:.25rem;font-size:.86rem;font-weight:800;display:grid}.calendar-event-time strong{color:#f8fafc;text-transform:none;letter-spacing:0;font-size:.95rem}.calendar-event-card h3{color:#f8fafc;margin:0;font-size:1.05rem}.calendar-event-card p{color:#cbd5e1;margin:.25rem 0 0}.hero-list{gap:.8rem;display:grid}.full-hero-list{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));align-content:start;height:100%}.hero-list article,.call-card,.mini-card{color:#e2e8f0;background:#ffffff12;border:1px solid #ffffff24;border-radius:20px;padding:1rem;font-weight:800}.full-hero-list article{align-items:center;min-height:10rem;font-size:1.2rem;display:grid}.call-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.8rem;display:grid}.full-call-grid{grid-template-columns:repeat(3,minmax(12rem,1fr));align-content:start;height:100%}.call-card h2{margin:0 0 .8rem}.call-actions{gap:.45rem;display:grid}.call-actions button{color:#bfdbfe;cursor:pointer;background:#93c5fd14;border:1px solid #93c5fd3d;border-radius:999px;padding:.55rem .7rem;transition:transform .16s,background .16s,border-color .16s}.call-actions button:hover,.call-actions button:focus-visible{background:#93c5fd2e;border-color:#93c5fd94;outline:none;transform:translateY(-1px)}.login-form{grid-template-columns:repeat(3,minmax(8rem,1fr));align-items:end;gap:.8rem;display:grid}.login-form.spartan{grid-template-columns:1fr;margin-top:1.4rem}.login-form label,.password-form label{color:#cbd5e1;gap:.35rem;font-size:.85rem;display:grid}.login-form select,.login-form input,.password-form input{color:#e2e8f0;background:#020617;border:1px solid #94a3b86b;border-radius:.7rem;padding:.65rem .75rem}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:.8rem;padding:.75rem 1rem;font-weight:700;transition:transform .16s,filter .16s,box-shadow .16s}.primary-button{color:#082f49;background:#38bdf8}.secondary-button{color:#bfdbfe;background:#93c5fd2e;border:1px solid #93c5fd57}.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-1px);box-shadow:0 12px 30px #38bdf82e}.password-form{grid-template-columns:repeat(2,minmax(10rem,1fr));gap:.8rem;display:grid}.account-panel{border-radius:1rem;margin-bottom:3.8rem;padding:.9rem}.form-title,.password-message{color:#cbd5e1;grid-column:1/-1;margin:0}.form-title{color:#e2e8f0;font-weight:800}.password-message{color:#86efac;font-weight:700}.workspace-feature-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem;margin-top:1.5rem;display:grid}.workspace-focus-header{z-index:2;text-align:center;justify-items:center;gap:.22rem;margin:-2.8rem auto .65rem;display:grid;position:relative}.workspace-focus-header h1{max-width:22ch;font-size:clamp(.83rem,2.37vw,1.77rem)}.workspace-focus-header p:not(.eyebrow){color:#cbd5e1;max-width:42rem;margin:0;font-weight:800;line-height:1.5}.workspace-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:1rem;height:100%;display:grid}.workspace-focus-grid.two-up{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr)}.workspace-card{border:1px solid color-mix(in srgb, var(--workspace-accent,#38bdf8) 32%, #ffffff24);color:#e2e8f0;background:#ffffff12;border-radius:24px;padding:clamp(1rem,3vw,1.6rem)}.workspace-card h2{color:#f8fafc;letter-spacing:-.03em;margin:0;font-size:clamp(1.04rem,2.6vw,1.95rem)}.workspace-card p{color:#cbd5e1;font-weight:800;line-height:1.55}.feature-card-large{align-content:center;min-height:15rem;display:grid}.typing-metrics{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.55rem;margin-top:1rem;display:grid}.typing-metrics span{color:#bfdbfe;text-align:center;background:#0f172a5c;border:1px solid #93c5fd38;border-radius:999px;padding:.55rem .65rem;font-weight:950}.pianote-embed{background:#0206178c;border:1px solid #93c5fd38;border-radius:18px;min-height:13rem;margin-top:1rem;overflow:hidden}.pianote-embed iframe{background:#020617;border:0;width:100%;height:18rem}.workspace-link{color:#bfdbfe;background:#93c5fd1f;border:1px solid #93c5fd4d;border-radius:999px;width:fit-content;margin-top:.8rem;padding:.58rem .8rem;font-weight:950;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.workspace-link:hover,.workspace-link:focus-visible{background:#93c5fd38;border-color:#93c5fd9e;outline:none;transform:translateY(-1px)}.youtube-focus{grid-template-rows:1fr auto;gap:1rem;min-height:100%;display:grid}.youtube-stage{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--workspace-accent,#38bdf8) 35%, #ffffff24);width:100%;min-height:32rem;box-shadow:0 24px 56px var(--workspace-glow,#38bdf82e);background:#020617;border-radius:28px;overflow:hidden}.youtube-stage iframe{border:0;width:100%;height:100%;display:block}.youtube-empty-stage{color:#cbd5e1;text-align:center;place-items:center;min-height:32rem;padding:2rem;font-size:clamp(1.5rem,4vw,3.3rem);font-weight:950;display:grid}.youtube-message{color:#bfdbfe;margin:.2rem 0 0;font-weight:900}.youtube-result-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;max-height:16rem;padding-right:.25rem;display:grid;overflow:auto}.youtube-result-card{text-align:left;border:1px solid color-mix(in srgb, var(--workspace-accent,#38bdf8) 26%, #ffffff24);color:#e2e8f0;cursor:pointer;background:#0f172ab8;border-radius:18px;grid-template-columns:6rem 1fr;align-items:center;gap:.75rem;padding:.65rem;display:grid}.youtube-result-card[aria-current=true]{border-color:var(--workspace-accent,#38bdf8);box-shadow:0 0 0 2px var(--workspace-glow,#38bdf838)}.youtube-result-card img{aspect-ratio:16/9;object-fit:cover;background:#020617;border-radius:12px;width:6rem}.youtube-result-card strong{-webkit-line-clamp:2;color:#f8fafc;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.18;display:-webkit-box;overflow:hidden}.youtube-result-card small{color:#cbd5e1;margin-top:.2rem;font-weight:850;display:block}.youtube-search-form{background:#0206176b;border:1px solid #ffffff24;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.85rem;padding:1rem;display:grid}.youtube-search-form label{color:#cbd5e1;gap:.4rem;font-weight:950;display:grid}.youtube-search-form input{border:1px solid color-mix(in srgb, var(--workspace-accent,#38bdf8) 35%, #ffffff2e);color:#f8fafc;background:#0f172ab8;border-radius:.9rem;padding:.82rem 1rem;font-weight:800}.youtube-search-form button{background:var(--workspace-accent,#38bdf8);color:#020617;cursor:pointer;border:0;border-radius:.9rem;padding:.9rem 1rem;font-weight:950}.pictures-files-focus{grid-template-rows:auto 1fr;gap:1rem;min-height:100%;display:grid}.file-drop-zone{border:1px dashed color-mix(in srgb, var(--workspace-accent,#38bdf8) 42%, #ffffff29);background:#02061761;border-radius:24px;grid-template-columns:minmax(14rem,1fr) minmax(14rem,.8fr) auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.file-drop-zone h2{color:#f8fafc;letter-spacing:-.03em;margin:0;font-size:clamp(1.04rem,2.6vw,1.95rem)}.file-drop-zone p{color:#cbd5e1;margin:.25rem 0 0;font-weight:800;line-height:1.35}.file-drop-zone label{color:#cbd5e1;gap:.35rem;font-weight:900;display:grid}.file-drop-zone input{color:#e2e8f0;max-width:100%}.file-message{color:#bfdbfe;grid-column:1/-1;margin:0;font-weight:900}.workspace-file-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid;overflow:auto}.workspace-file-column{border:1px solid color-mix(in srgb, var(--workspace-accent,#38bdf8) 26%, #ffffff1f);background:#0f172a75;border-radius:22px;align-content:start;gap:.65rem;padding:.9rem;display:grid}.workspace-file-column h2{color:#f8fafc;margin:0;font-size:1rem}.workspace-file-column p{color:#cbd5e1;margin:0;font-weight:800;line-height:1.35}.workspace-file-card{background:#02061757;border:1px solid #ffffff1f;border-radius:16px;gap:.45rem;padding:.75rem;display:grid}.workspace-file-preview{color:#bfdbfe;letter-spacing:.08em;background:#0f172ab8;border:1px solid #93c5fd2e;border-radius:12px;place-items:center;min-height:4.7rem;font-weight:950;display:grid;overflow:hidden}.workspace-file-preview img{object-fit:cover;width:100%;height:5.6rem;display:block}.workspace-file-card a,.workspace-file-card strong{color:#bfdbfe;overflow-wrap:anywhere;font-weight:950}.workspace-file-card small{color:#94a3b8;font-weight:800}.workspace-file-actions{gap:.35rem;display:grid}.workspace-file-card button{color:#bfdbfe;cursor:pointer;background:#93c5fd1f;border:1px solid #93c5fd47;border-radius:999px;padding:.45rem .6rem;font-weight:900}.workspace-focus-dock{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin:1rem 0 0;display:grid;position:relative}.workspace-focus-dock .mode-pill{border-color:color-mix(in srgb, var(--workspace-accent,#38bdf8) 28%, #ffffff57);border-radius:1.4rem;min-height:4.7rem}.workspace-focus-dock .mode-pill:hover,.workspace-focus-dock .mode-pill:focus-visible,.workspace-focus-dock .mode-pill.active{background:var(--workspace-hover,#38bdf899);border-color:var(--workspace-accent,#38bdf8);box-shadow:0 18px 36px var(--workspace-glow,#38bdf838)}.learning-card{color:#cbd5e1;background:#38bdf81a;border:1px solid #93c5fd3d;border-radius:20px;margin-top:1rem;padding:1rem}.learning-card h2{color:#f8fafc;letter-spacing:-.03em;margin:0;font-size:clamp(.98rem,2.6vw,1.56rem)}.learning-card p{margin:.45rem 0 0;font-weight:800;line-height:1.5}.hub-mode-dock{grid-template-columns:repeat(4,minmax(9rem,1fr));gap:.85rem;margin:1rem 0 0;display:grid}.mode-pill{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff57;border-radius:999px;padding:1rem 1.2rem;font-size:1rem;font-weight:900;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;box-shadow:0 12px 30px #00000038}.mode-pill:hover,.mode-pill:focus-visible,.mode-pill.active{color:#e0f2fe;background:#38bdf899;border-color:#7dd3fcc7;outline:none;transform:translateY(-2px);box-shadow:0 18px 36px #38bdf838}.person-dock{flex-wrap:wrap;justify-content:center;gap:1.25rem;width:100%;margin:-2.7rem auto 1.25rem;display:flex}.person-pill{color:#e2e8f0;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;min-width:12.9rem;padding:1.12rem 1.65rem;font-size:1.18rem;font-weight:900;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;box-shadow:0 12px 30px #0000002e}.person-pill:hover,.person-pill:focus-visible,.person-pill.active{color:#e0f2fe;background:#38bdf83d;border-color:#7dd3fcb3;outline:none;transform:translateY(-2px);box-shadow:0 18px 36px #38bdf829}@media (width<=860px){.matte-frame{display:none}.hero-grid,.calendar-hero-grid,.workspace-focus-grid,.workspace-focus-grid.two-up{grid-template-columns:1fr}.hub-mode-dock{grid-template-columns:repeat(2,minmax(8rem,1fr))}.workspace-focus-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-search-form,.file-drop-zone,.workspace-file-shelf{grid-template-columns:1fr}.youtube-stage,.youtube-empty-stage{min-height:18rem}.youtube-result-list{grid-template-columns:1fr;max-height:18rem}}@media (width<=760px){.topbar{align-items:flex-start}.account-actions{justify-items:end;gap:.45rem;display:grid}.shell{padding-top:1rem}.login-form,.password-form{grid-template-columns:1fr}.hub-stage,.workspace-view{min-height:auto}.hub-mode-dock,.workspace-focus-dock{grid-template-columns:1fr}.person-pill{min-width:min(100%,12.9rem)}}