.cheese-clock-art{display:none}:root[data-design=new-roots] .cheese-clock-art{pointer-events:none;z-index:0;filter:drop-shadow(0 14px 16px #24130044);display:block;position:absolute;inset:0}:root[data-design=new-roots] .cheese-clock-art>span{background:url(/themes/new-roots/hard-wheel-top-v1.webp) 50%/contain no-repeat;position:absolute;inset:0}.cheese-clock-wheel{clip-path:polygon(50% 50%,24.52% 0,100% 0,100% 100%,0 100%,0 24.52%)}.cheese-clock-slice{clip-path:polygon(50% 50%,0 24.52%,24.52% 0);animation:7s ease-in-out infinite alternate cheese-slice-drift;transform:translate(-2.83%,-2.83%)}@keyframes cheese-slice-drift{0%{transform:translate(-2.12%,-2.12%)}to{transform:translate(-4.24%,-4.24%)}}:root[data-design=new-roots] .app-shell .cheese-clock.timer-button[data-theme-clock]{box-shadow:none;background:0 0;border-color:#0000;overflow:visible}:root[data-design=new-roots] .cheese-clock>:not(.cheese-clock-art){z-index:1;color:#291d0b;text-shadow:0 1px 2px #fff6d9,0 0 16px #fff2ca;position:relative}:root[data-design=new-roots] :is(.office-clock,.terminal-clock) .timer-orbit{--orbit-ink:#fff36a;--project-accent:#ffe847!important}:root[data-design=new-roots] :is(.office-clock,.terminal-clock) .timer-orbit:before{background:conic-gradient(from -90deg,#ffe847 0 var(--timer-progress),#e7cf6138 var(--timer-progress) 100%)}:root[data-design=new-roots] :is(.office-clock,.terminal-clock) .timer-orbit:after{background:#fff99a;box-shadow:0 0 8px #ffffb0,0 0 22px #ffe849,0 0 42px #ffd72f}:root[data-design=new-roots] :is(.office-clock,.terminal-clock) .timer-segments:before{filter:drop-shadow(0 0 5px #fff45c)}:root[data-design=new-roots] .terminal-clock.is-neutral{justify-content:center;align-items:center}:root[data-design=new-roots] .terminal-clock.is-neutral .terminal-neutral-orbit{margin-left:auto;margin-right:auto}:root[data-design=new-roots] .terminal-shell.is-dashboard .terminal-clock.is-neutral{background:0 0;border-color:#0000}@media (width>=1100px){:root[data-design=new-roots] .terminal-shell.is-dashboard{padding-right:21vw}:root[data-design=new-roots] .terminal-shell.is-dashboard .terminal-grid{grid-template-columns:minmax(230px,.8fr) minmax(0,1.7fr)}}:root[data-design=new-roots] .terminal-shell.is-dashboard .terminal-neutral-face .terminal-now{letter-spacing:-.045em;font-size:clamp(3.45rem,9.2vw,6.9rem);font-weight:800}@media (width<=600px){:root[data-design=new-roots] .terminal-shell.is-dashboard .terminal-neutral-face .terminal-now{font-size:clamp(2.8rem,13.8vw,5.175rem)}}@media (prefers-reduced-motion:reduce){.cheese-clock-slice{animation:none;transform:translate(-2.83%,-2.83%)}}:root[data-design=new-roots] .app-shell .cheese-clock.timer-button[data-theme-clock] :is(.timer-label,.timer-time,.timer-action,.terminal-now){color:#291d0b;text-shadow:0 1px 2px #fff6d9,0 0 16px #fff2ca}:root[data-design=new-roots] .office-clock .timer-orbit:not(.is-paused):after,:root[data-design=new-roots] .office-clock .timer-orbit:not(.is-paused) .timer-segments:before{opacity:1;animation:orbit-tail var(--orbit-period) linear infinite}@media (prefers-reduced-motion:reduce){:root[data-design=new-roots] :is(.office-clock,.terminal-clock) .timer-orbit:after,:root[data-design=new-roots] :is(.office-clock,.terminal-clock) .timer-segments:before{animation:none!important}}.office-workspace{max-width:1150px;margin:auto}.office-filter,.office-tabs{flex-wrap:wrap;gap:1rem;padding:1rem;display:flex}.office-filter label,.office-form label,.office-clock>label{flex-direction:column;gap:.4rem;display:flex}.office-summary{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:1rem;margin:1rem 0;display:grid}.office-summary article{gap:.5rem;padding:1.2rem;display:grid}.office-summary strong{font-size:1.4rem}.office-form{margin:1rem 0;padding:1.4rem}.office-form form,.office-form>label{margin:.75rem 0}.office-form input,.office-form select,.office-form textarea,.office-filter input,.office-filter select,.office-clock input{border:1px solid var(--border,#7777);background:var(--panel-bg,transparent);color:inherit;max-width:100%;font:inherit;border-radius:.6rem;padding:.7rem}.office-form input[type=checkbox]{align-self:flex-start}.office-form button,.office-tabs button{margin:.4rem;padding:.65rem 1rem}.office-tabs button[aria-pressed=true]{outline:2px solid var(--accent,#51e6c4)}.office-table{padding:1rem;overflow:auto}.office-table table{border-collapse:collapse;width:100%}.office-table th,.office-table td{text-align:left;border-bottom:1px solid #8884;padding:.75rem}.office-table small{display:block}.office-week{grid-template-columns:repeat(7,minmax(65px,1fr));gap:.5rem;display:grid}.office-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}.office-clock>h1{margin-bottom:0;font-size:clamp(1.4rem,4vw,2.4rem)}.office-clock>label{max-width:360px;margin:1rem auto}.office-clock .timer-orbit{margin:1.5rem auto}.office-clock>p{text-align:center;max-width:560px;margin:1rem auto}@media (width<=650px){.office-week{grid-template-columns:repeat(2,minmax(0,1fr))}.office-table td,.office-table th{padding:.5rem}.office-form{padding:1rem}.office-filter>*{flex:1;min-width:130px}}.office-form label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:.75rem}.office-form input[type=checkbox]{flex:none;width:1.2rem;height:1.2rem;margin:0;padding:0}.office-clock{margin-inline:auto}.office-form h2{margin-bottom:1rem;font-size:1.2rem;font-weight:650}.timer-main.has-clock-choice{flex-direction:column;justify-content:flex-start;align-items:center}.office-clock-choice{border:1px solid var(--border-bright);border-radius:var(--radius-md);background:var(--surface-strong);text-align:center;width:min(100%,560px);margin:12px auto 18px;padding:14px 16px}.office-clock-choice-buttons{flex-wrap:wrap;gap:8px;display:flex}.office-clock-choice-buttons button{white-space:normal;flex:1;justify-content:center;align-items:center;gap:9px;min-height:44px;display:inline-flex}.office-clock-choice-buttons button[aria-pressed=true]{border:2px solid var(--mint);background:color-mix(in srgb,var(--mint) 14%,var(--surface));text-underline-offset:4px;font-weight:800;text-decoration:underline}.office-clock-choice-buttons button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.office-clock-choice p{color:var(--text-soft);margin:10px 0 0;font-size:.78rem;line-height:1.5}.office-workspace .page-heading>.primary-button{white-space:normal;min-height:44px}.office-clock>.office-clock-subtitle{margin:.2rem auto 0;line-height:1.35}.office-clock .office-activity{margin-inline:auto}.office-clock .office-start-help{font-size:.9rem;line-height:1.55}.office-clock .office-activity .timer-note-display:not(:has(.timer-note-edit)){grid-template-columns:minmax(0,1fr)}.office-pauses fieldset{border:1px solid var(--border,#7777);border-radius:.6rem;flex-wrap:wrap;align-items:end;gap:.75rem;margin:.6rem 0;padding:1rem;display:flex}.office-pauses fieldset label{flex:1;min-width:180px}.office-pauses p{opacity:.85;font-size:.9rem}.office-statistics caption{text-align:left;padding:.8rem;font-weight:650}.office-statistics th:first-child{background:var(--bg);min-width:210px;position:sticky;left:0}.office-statistics td{white-space:nowrap;font-variant-numeric:tabular-nums}.office-stat-total{background:color-mix(in srgb,var(--accent,#51e6c4) 12%,transparent);font-weight:700}.office-stat-negative{color:var(--danger,#de6565)}.office-break-reminder{border:2px solid var(--accent,#51e6c4);text-align:center;border-radius:1rem;max-width:560px;margin:1rem auto;padding:1.2rem}.office-break-reminder strong{font-size:1.3rem;display:block}.office-break-reminder p{margin:.6rem 0;line-height:1.5}.office-clock[data-break-state=due] .timer-button{outline:3px solid var(--accent,#51e6c4);outline-offset:8px;animation:2s ease-in-out 3 office-break-pulse}.office-clock[data-break-state=due] .timer-label{max-width:85%;font-weight:800;line-height:1.3}.office-break-actions{text-align:center}.office-pause-retro{text-align:left;width:min(560px,100%);margin-inline:auto}.office-pause-retro input{width:100%;min-width:0}.office-pause-success{border:2px solid var(--accent,#51e6c4);border-radius:.75rem;padding:1rem}.office-break-actions p{max-width:560px;margin:.6rem auto}.office-clock[data-break-motion=off] .timer-button{animation:none}@keyframes office-break-pulse{50%{outline-offset:15px;outline-color:var(--text)}}@media (prefers-reduced-motion:reduce){.office-clock[data-break-state=due] .timer-button{animation:none}}.office-calendar-nav{flex-wrap:wrap;align-items:end;gap:.7rem;display:flex}.office-calendar-nav label{flex-direction:column;gap:.3rem;display:flex}.office-calendar-nav input,.office-calendar-nav select{max-width:190px}.office-calendar-nav input[type=number]{width:100px}.office-calendar-nav button{min-width:44px;min-height:44px;margin:0}.office-calendar-grid{padding:.6rem;overflow:hidden}.office-calendar-grid table{table-layout:fixed;border-collapse:separate;border-spacing:4px;width:100%}.office-calendar-grid th{padding:.4rem;font-size:.85rem}.office-calendar-grid abbr{text-decoration:none}.office-calendar-grid td{vertical-align:top;padding:0}.office-calendar-grid td>button{text-align:left;width:100%;min-width:0;height:100%;min-height:114px;color:var(--text);background:var(--surface,transparent);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:.65rem;flex-direction:column;gap:.25rem;padding:.6rem;display:flex}.office-calendar-grid .is-weekend{background:color-mix(in srgb,var(--text) 5%,transparent)}.office-calendar-grid .is-holiday{border-top:4px solid var(--mint)}.office-calendar-grid .is-selected{outline:2px solid var(--mint);outline-offset:-2px;background:color-mix(in srgb,var(--mint) 13%,var(--bg))}.office-calendar-grid button:focus-visible{outline:3px solid var(--text);outline-offset:1px}.office-calendar-grid small{font-size:.75rem}.office-calendar-holiday,.office-calendar-absence,.office-calendar-pending{font-size:.75rem;line-height:1.2}.office-calendar-pending{border:1px dashed;border-radius:.2rem;padding:.15rem}.office-calendar-today{color:var(--mint);font-size:.65rem}.office-calendar-legend{padding:.7rem;font-size:.8rem}.office-calendar-detail p{overflow-wrap:anywhere}.office-calendar-detail h3{font-size:1.2rem}.office-calendar-detail .office-summary article{padding:.5rem}.office-calendar-detail .office-summary strong{font-size:1.1rem}@media (width<=600px){.office-calendar-grid{padding:.15rem}.office-calendar-grid table{border-spacing:2px}.office-calendar-grid td>button{border-radius:.3rem;min-height:90px;padding:.25rem}.office-calendar-grid small,.office-calendar-holiday,.office-calendar-absence,.office-calendar-pending{font-size:.6rem}.office-calendar-today{font-size:.55rem;display:block}.office-calendar-nav{gap:.5rem}.office-calendar .office-form{padding:.8rem}.office-calendar-detail .office-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.office-calendar-grid small{font-size:.7rem}.office-calendar-time-label{display:none}.office-calendar-holiday,.office-calendar-absence,.office-calendar-pending{font-size:.65rem}}.office-calendar .glass-panel{border-radius:var(--radius-md)}.office-calendar header h2{letter-spacing:-.035em;font-size:clamp(1.3rem,3vw,1.8rem)}.office-calendar header>p,.office-calendar-legend{color:var(--text-soft);line-height:1.55}.office-calendar-nav input,.office-calendar-nav select{background:var(--surface-soft);border-radius:var(--radius-sm);min-height:44px}.office-calendar-grid th{color:var(--text-soft);font-weight:600}.office-calendar-grid td>button{cursor:pointer;transition:background .15s,border-color .15s}.office-calendar-grid td>button>strong{font-size:1.1rem}.office-calendar-grid small{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-soft)}.office-calendar-grid button[aria-current=date]>strong{color:var(--mint)}.office-calendar-detail .office-summary article{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}@media (hover:hover){.office-calendar-grid td>button:hover{background:var(--surface-hover);border-color:var(--border-bright)}}@media (prefers-reduced-motion:reduce){.office-calendar-grid td>button{transition:none}}.office-workspace .secondary-button,.office-clock .secondary-button,.office-pauses .secondary-button,.app-alert .secondary-button{white-space:normal;text-align:center;min-height:44px}.office-workspace button:focus-visible,.office-clock button:focus-visible,.office-workspace summary:focus-visible,.gz-notifications button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.office-workspace button:disabled,.office-clock button:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.office-workspace .office-danger,.office-clock .office-danger,.app-alert .office-danger{color:var(--danger);border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}.office-tabs{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);gap:.5rem;margin-block:1rem;padding:.6rem}.office-tabs button{flex:0 auto;margin:0}.office-tabs button[aria-pressed=true]{border:2px solid var(--mint);background:color-mix(in srgb,var(--mint) 16%,var(--surface));text-underline-offset:5px;outline:none;font-weight:800;text-decoration:underline}.office-workspace summary{border:1px solid var(--border-bright);border-radius:var(--radius-sm);background:var(--surface-soft);cursor:pointer;overflow-wrap:anywhere;min-height:44px;padding:.75rem 1rem;font-weight:650}.office-workspace summary::marker{color:var(--mint)}.office-workspace details[open]>summary{border-color:var(--mint);margin-bottom:.75rem}.office-workspace details details{margin-block:.5rem}.office-table td:last-child .secondary-button{margin:0}.office-clock>.secondary-button{margin-block:1rem}.app-alert:has(>.secondary-button){flex-wrap:wrap}.app-alert:has(>.secondary-button)>p{flex:1 0 100%}.office-correction-dialog{border:1px solid var(--border-bright);border-radius:var(--radius-lg);background:var(--surface-strong);width:min(720px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text);box-sizing:border-box;margin:auto;padding:24px;overflow:auto;box-shadow:0 24px 90px #0008}.office-correction-dialog:not([open]){display:none}.office-correction-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a10ad}.office-correction-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.office-correction-heading h2{margin:0;font-size:1.35rem}.office-correction-heading button{flex:none;place-items:center;min-width:44px;min-height:44px;padding:10px;display:grid}.office-correction-dialog form{gap:14px;display:grid}.office-correction-dialog form label{gap:7px;display:grid}@media (width<=600px){.office-correction-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:18px}.office-correction-heading{align-items:flex-start}.office-correction-heading h2{font-size:1.15rem}}.neon-song-player{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:40;color:#e7f2ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081322ed;border:1px solid #7099c366;border-radius:16px;align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:4px;display:flex;position:fixed;box-shadow:0 5px 28px #0006}.neon-song-action{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.neon-song-action:hover{background:#a3cfff26}.neon-song-action:focus-visible,.neon-song-progress input:focus-visible{outline-offset:2px;outline:2px solid #c8a1ed}.neon-song-progress{gap:3px;width:clamp(100px,14vw,180px);min-width:80px;padding:0 5px;display:grid}.neon-song-progress span{text-overflow:ellipsis;white-space:nowrap;color:#d2e5ff;font-size:10px;line-height:1.2;overflow:hidden}.neon-song-progress input{accent-color:#a0caff;cursor:pointer;width:100%;height:18px;margin:0}.neon-song-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:#c7d9ed;padding-right:7px;font-size:10px}.neon-song-error{background:#081322;border:1px solid #7099c366;border-radius:12px;width:240px;padding:10px 12px;font-size:12px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);right:0}.app-shell:has(.neon-song-player) .main-area{padding-bottom:calc(88px + env(safe-area-inset-bottom))}@media (width<=767px){.neon-song-player{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.neon-song-player.is-playing{gap:0}.neon-song-progress{width:clamp(80px,28vw,150px)}.neon-song-time{font-size:9px}}.product-world{z-index:-1;pointer-events:none;background:var(--bg-deep);position:fixed;inset:0 0 0 246px;overflow:hidden}.product-world[hidden]{display:none}.product-world-backdrop{object-fit:cover;object-position:68% center;opacity:.552;width:100%;height:100%;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000 6%,#000 75%);mask-image:linear-gradient(90deg,#0000 6%,#000 75%)}.product-world-grain{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 75%,transparent) 38%,transparent 83%),linear-gradient(0deg,var(--bg-deep),transparent 35%);position:absolute;inset:0}.product-world-story{width:clamp(160px,18vw,280px);color:var(--text);text-shadow:0 2px 20px var(--bg);gap:15px;display:grid;position:absolute;top:24%;right:4.5%}.product-world-eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--mint-soft);font-size:.59rem;font-weight:700}.product-world-story strong{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(1.8rem,3vw,3.7rem);font-weight:750;line-height:1.02}.product-world-story>span:nth-of-type(2){color:var(--text-soft);font-size:.77rem}.product-world-pack{object-fit:contain;filter:drop-shadow(0 18px 25px #0004);width:100%;height:clamp(150px,23vw,310px)}.product-world-seal{text-align:center;border:1px solid var(--mint);text-transform:uppercase;letter-spacing:.12em;background:var(--surface);border-radius:50%;align-content:center;width:94px;height:94px;margin-top:24px;font-size:.62rem;line-height:1.5;display:grid;transform:rotate(-12deg)}.product-world[data-motion=on][data-state=running] .product-world-story{animation:1.4s both product-arrive}:root[data-theme-features~=product-scene] .is-paused .timer-label:before,:root[data-theme-features~=product-scene] [data-break-state=due] .timer-label:before{content:"";vertical-align:-3px;background:currentColor;width:16px;height:16px;margin-right:7px;display:inline-block;-webkit-mask:url(/themes/new-roots/bell.svg) 50%/contain no-repeat;mask:url(/themes/new-roots/bell.svg) 50%/contain no-repeat}.product-audio-hint{z-index:4;color:var(--text-soft);background:var(--surface-strong);border-radius:8px;padding:5px 9px;font-size:.65rem;position:fixed;bottom:10px;right:18px}:root[data-theme-features~=product-scene] .app-shell .timer-button[data-theme-clock]{background:var(--surface-strong);color:var(--text);text-shadow:none;border-color:var(--mint)}:root[data-theme-features~=product-scene] .app-shell .timer-button[data-theme-clock] :is(.timer-label,.timer-action,.timer-time,.timer-block){color:var(--text)}:root[data-theme-features~=product-scene] .app-shell :is(.timer-view h1,.timer-project-trigger,.work-level-label,.timer-total,.timer-total-link,.timer-total-detail,.timer-extra-actions,.timer-note-tools,.timer-levels-title),:root[data-theme-features~=product-scene] .app-shell :is(.project-title-button,.timer-levels legend,.calendar-start-privacy,.timer-total p,.timer-total strong,.timer-total span,.timer-total small,.timer-total>div,.timer-utilities button),:root[data-theme-features~=product-scene] .app-shell :is(.calendar-start-privacy summary,.page-heading h1,.page-heading p){color:var(--text);text-shadow:none}@keyframes product-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1249px){.product-world-story{opacity:.65;width:210px;top:auto;bottom:4%;right:5%}.product-world-story strong{font-size:1.7rem}.product-world-pack{height:155px}.product-world-seal{display:none}}@media (width<=767px){.product-world{left:0}.product-world-backdrop{opacity:.336;-webkit-mask-image:linear-gradient(#0000 15%,#000);mask-image:linear-gradient(#0000 15%,#000)}.product-world-grain{background:linear-gradient(180deg,var(--bg) 4%,color-mix(in srgb,var(--bg) 75%,transparent) 50%,transparent)}.product-world-story{opacity:.55;gap:7px;width:140px;bottom:70px;right:12px}.product-world-story strong{font-size:1.2rem}.product-world-eyebrow{font-size:.46rem}.product-world-story>span:nth-of-type(2){font-size:.58rem}.product-world-pack{height:120px}.product-audio-hint{bottom:65px}}@media (prefers-reduced-motion:reduce){.product-world-story{animation:none!important}}.product-world-story[data-product=true] strong{letter-spacing:-.025em;font-size:clamp(1.1rem,1.7vw,1.9rem);line-height:1.18}.product-learning{width:100%;max-width:560px;color:var(--text);margin:12px 0 24px}.product-learning-toolbar{color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;font-size:.72rem;display:flex}.product-learning-toggle{background:var(--surface-strong);color:var(--text-soft);cursor:pointer;font:inherit;border:0;border-radius:12px;padding:9px 12px}.product-learning-card{border:1px solid var(--border-bright);background:var(--surface-strong);box-shadow:var(--shadow);border-radius:22px;margin-top:10px;padding:20px}.product-learning-heading{align-items:center;gap:14px;display:flex}.product-learning-heading>div{flex:1;min-width:0}.product-learning-eyebrow{color:var(--mint-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;display:block}.product-learning-number{letter-spacing:-.04em;color:var(--mint);font-variant-numeric:tabular-nums;margin:7px 0;font-size:2.4rem;line-height:1.15;display:block}.product-learning-heading h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:1.12rem;line-height:1.35}.product-learning-heading figure{flex-shrink:0;width:94px;margin:0}.product-learning-heading img{object-fit:contain;width:100%;height:105px}.product-learning-heading figcaption{color:var(--text-soft);text-align:center;font-size:.59rem;line-height:1.4}.product-learning-relation>p{color:var(--text-soft);margin:20px 0 12px;font-size:.72rem}.product-learning-relation ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.product-learning-relation li{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;padding:10px 12px;display:grid}.product-learning-kind{text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft);grid-column:1/-1;margin-bottom:5px;font-size:.61rem}.product-learning-relation li strong{color:var(--mint);font-variant-numeric:tabular-nums;font-size:1rem}.product-learning-relation li>span:last-child{overflow-wrap:anywhere;font-size:.77rem;line-height:1.4}.product-learning-arrow{color:var(--mint);grid-column:1/-1;margin:-6px 0 5px}.product-learning-reveal{text-align:left;border:1px dashed var(--border-bright);width:100%;color:var(--text);background:var(--surface-soft);font:inherit;cursor:pointer;border-radius:12px;margin-top:20px;padding:16px;display:block}.product-learning-reveal span{color:var(--mint-soft);margin-top:8px;font-size:.72rem;display:block}.product-learning-card footer{color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:.61rem;display:flex}.product-learning-card footer button{border:1px solid var(--border-bright);background:var(--surface-hover);color:var(--text);font:inherit;cursor:pointer;border-radius:9px;padding:8px 10px}.product-learning button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media (width>=1600px){.product-learning.has-card{z-index:3;width:300px;max-height:75svh;margin:0;position:fixed;top:20%;right:28px;overflow:auto}.app-shell:has(.product-learning.has-card) .product-world-story{visibility:hidden}}@media (width<=767px){.product-learning-card{padding:16px}.product-world-story[data-product=true] strong{font-size:1rem}}