.subnota-app,.scene-stage,.feature-piece{--app-color-bg:#fdfdfb;--app-color-bg-canvas:#fff;--app-color-bg-surface:#fff;--app-color-bg-toolbar:#fbfbfa;--app-color-bg-paper:#fff;--app-color-bg-muted:#f7f7f4;--app-color-bg-hover:#f7f7f4;--app-color-bg-pressed:#f1f0ed;--app-color-bg-code:#1f1e1b;--app-color-state-hover:#1414130a;--app-color-state-selected:#1414130f;--app-color-state-raised:#f9f8f2;--app-color-state-raised-shadow:-3px -3px 6px #fffffff2, 3px 3px 6px #28221a1f;--app-color-state-inset-shadow:inset 2px 2px 4px #28221a1a, inset -2px -2px 4px #ffffffe6;--app-color-chrome-bg:#f3f1e9;--app-color-border-soft:#eeece7;--app-color-border:#e9e7e1;--app-color-border-strong:#dedbd2;--app-color-border-subtle:#1d1d1f0d;--app-color-text:#2c2520;--app-color-text-strong:#1d1d1f;--app-color-text-soft:#3b332b;--app-color-muted:#9c8e7c;--app-color-muted-soft:#8e8b82;--app-color-muted-control:#786b5f;--app-color-muted-icon:#8a8175;--app-color-accent:#8b7355;--app-color-accent-dark:#5c4d3c;--app-color-brand-300:#94b6f5;--app-color-brand-500:#325496;--app-color-brand-600:#254582;--app-color-brand-700:#1b376b;--app-color-brand-rgb:50, 84, 150;--app-color-selection:#32549633;--app-color-brand-mark:#4c71b7;--app-color-brand-petal:#0b6e4f;--app-color-action-primary:var(--app-color-brand-500);--app-color-action-primary-hover:var(--app-color-brand-600);--app-color-action-primary-text:#fff;--app-color-action-primary-border:var(--app-color-brand-300);--app-color-action-primary-ink:var(--app-color-brand-700);--app-color-action-secondary-bg:#fff;--app-color-action-secondary-border:var(--app-color-border);--app-color-action-secondary-text:var(--app-color-text-soft);--app-color-action-secondary-hover:var(--app-color-bg-muted);--app-color-danger:#b42318;--app-color-skeleton:#f1efe9;--app-font-ui:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-font-wordmark:"Alegreya Sans", Optima, Candara, sans-serif;--app-font-mono:"JetBrains Mono", ui-monospace, monospace;--app-font-xxs:10px;--app-font-xs:11px;--app-font-sm:12px;--app-font-md:13px;--app-font-lg:15px;--app-font-editor:16px;--app-font-title:18px;--app-font-heading-sm:22px;--app-font-heading-md:28px;--app-weight-regular:400;--app-weight-medium:500;--app-weight-semibold:600;--app-weight-heavy:650;--app-weight-black:700;--app-size-nav-rail:58px;--app-size-session-rail:200px;--app-size-commandbar:44px;--app-size-commandbar-content:220px;--app-size-split-header:32px;--app-size-tab-height:25px;--control-size-compact:24px;--control-size-standard:28px;--control-icon-compact:14px;--control-icon-standard:16px;--control-font-compact:12px;--control-padding-compact:8px;--app-radius-xs:4px;--app-radius-tab:5px;--app-radius-row:6px;--app-radius-card:8px;--app-radius-control:10px;--app-radius-panel:14px;--app-radius-pill:999px;--app-press-scale:.96;--app-shadow-control:0 1px 2px #14141314;--app-shadow-control-active:0 1px 2px #0000001f;--app-shadow-popover:0 0 0 1px #2c252014, 0 3px 10px #5c4d3c14;--app-shadow-menu:var(--app-shadow-popover);--app-shadow-panel:-8px 0 24px #2c25201a, 0 2px 8px #2c25200f;--app-shadow-card:0 1px 2px #2c25200a, 0 10px 28px #2c252012;--app-shadow-modal:0 1px 2px #2c25200f, 0 22px 60px #2c252033;--app-shadow-sheet:var(--app-shadow-modal);--app-shadow-tooltip:0 8px 18px #2c25202e;--app-shadow-dragged:0 12px 28px #2c252029;--app-shadow-floating:0 16px 38px #2c252029;--cal-line:#ece9e2;--cal-muted:#8a8175;--cal-sunday:#b42318;--cal-accent:var(--app-color-brand-500)}
.subnota-app{background:var(--app-color-bg-paper);color:var(--app-color-text);font-family:var(--app-font-ui);font-size:var(--app-font-md);-webkit-font-smoothing:antialiased;text-align:left;height:100%;line-height:normal;display:flex;position:relative;overflow:hidden}.subnota-app *,.subnota-app :before,.subnota-app :after{box-sizing:border-box}.nav-rail{background:var(--app-color-chrome-bg);flex:0 0 var(--app-size-nav-rail);padding:calc(var(--app-size-commandbar) + 8px) 7px 8px;width:var(--app-size-nav-rail);flex-direction:column;align-items:center;gap:4px;display:flex}.nav-item{border-radius:var(--app-radius-card);color:var(--app-color-muted-control);height:var(--control-size-standard);width:var(--control-size-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background .14s,color .14s;display:flex}.nav-item svg{height:var(--control-icon-standard);width:var(--control-icon-standard)}.nav-item.active{color:var(--app-color-accent-dark)}.nav-divider{background:var(--app-color-border-strong);width:20px;height:1px;margin:4px 0}.nav-spacer{flex:1}.nav-mode-segment{background:var(--app-color-state-hover);border-radius:var(--app-radius-card);box-shadow:var(--app-color-state-inset-shadow);flex-direction:column;padding:3px;display:flex}.nav-mode-segment-item{border-radius:var(--app-radius-row);color:var(--app-color-muted-control);height:var(--control-size-standard);width:var(--control-size-standard);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.nav-mode-segment-item.active{background:var(--app-color-state-raised);box-shadow:var(--app-color-state-raised-shadow);color:var(--app-color-text)}.session-rail-inner{background:var(--app-color-chrome-bg);flex-direction:column;flex:0 0 var(--app-size-session-rail);min-height:0;padding:var(--app-size-commandbar) 8px 10px;width:var(--app-size-session-rail);display:flex}.session-header{justify-content:space-between;align-items:center;padding:16px 8px 9px;display:flex}.session-header h2{color:var(--app-color-text);font-size:var(--app-font-lg);font-weight:var(--app-weight-black);margin:0;line-height:1.15}.session-header span{border-radius:var(--app-radius-pill);color:var(--app-color-muted);font-size:var(--app-font-xs);font-variant-numeric:tabular-nums;font-weight:var(--app-weight-black);text-align:center;background:#7878741f;min-width:28px;padding:6px 10px}.new-memo-row{background:var(--app-color-bg-surface);border-radius:var(--app-radius-card);color:var(--app-color-text);font-size:var(--control-font-compact);font-weight:var(--app-weight-black);min-height:var(--control-size-compact);padding:0 var(--control-padding-compact);border:0;align-items:center;gap:8px;margin:0 6px 8px;display:flex;box-shadow:0 0 0 1px #5c4d3c1c,0 1px 2px #2c25200a}.new-memo-row svg{height:var(--control-icon-compact);width:var(--control-icon-compact)}.session-list{flex:1;min-height:0;padding:2px 2px 28px;overflow:hidden}.session-list h3{color:var(--app-color-accent);font-size:var(--app-font-xxs);font-weight:var(--app-weight-black);text-transform:uppercase;margin:16px 10px 6px}.memo-row{border-radius:var(--app-radius-row);color:var(--app-color-text);text-align:left;background:0 0;border:0;width:100%;min-height:54px;padding:9px 30px 9px 13px;transition:background-color .14s,box-shadow .14s;display:block;position:relative}.memo-row:before{border-radius:var(--app-radius-pill);content:"";background:0 0;width:3px;position:absolute;inset:10px auto 10px 5px}.memo-row.active{background:var(--app-color-state-raised);box-shadow:var(--app-color-state-raised-shadow)}.memo-row.active:before{background:var(--app-color-action-primary)}.memo-row strong,.memo-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.memo-row strong{font-size:var(--app-font-md);font-weight:var(--app-weight-heavy)}.memo-row span{color:var(--app-color-muted);font-size:var(--app-font-xs);margin-top:4px}.topic-folder-list{flex:1;min-height:0;padding:2px 2px 28px;overflow:hidden}.topic-folder+.topic-folder{margin-top:1px}.topic-folder-head{border-radius:var(--app-radius-row);color:var(--app-color-text);align-items:center;gap:7px;width:100%;padding:8px 10px;display:flex}.topic-folder-chevron{color:var(--app-color-muted);align-items:center;transition:transform .15s;display:inline-flex}.topic-folder-icon{color:var(--app-color-muted);flex:none;align-items:center;display:inline-flex}.topic-folder-label{font-size:var(--app-font-md);font-weight:var(--app-weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.topic-folder-count{color:var(--app-color-muted);font-size:var(--app-font-xxs);font-variant-numeric:tabular-nums;font-weight:var(--app-weight-semibold)}.topic-folder-memos{border-left:1px solid var(--app-color-border-soft);margin:1px 0 4px 19px;padding-left:2px}.topic-folder-memos .memo-row{min-height:0;padding:7px 10px}.workspace{flex:1;min-width:0;display:flex;position:relative}.split-workspace-shell{background:var(--app-color-bg-paper);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.split-workspace-commandbar{min-height:var(--app-size-commandbar);width:calc(var(--app-size-nav-rail) + var(--app-size-session-rail));z-index:30;background:0 0;align-items:center;gap:6px;padding:0 7px 0 78px;display:flex;position:absolute;top:0;left:0}.split-command-divider{background:var(--app-color-border);width:1px;height:16px;margin:0 3px}.split-command-button{border-radius:var(--app-radius-row);color:var(--app-color-accent-dark);height:var(--control-size-standard);width:var(--control-size-standard);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.split-command-button svg{height:var(--control-icon-standard);width:var(--control-icon-standard)}.split-workspace-container{background:var(--app-color-bg-paper);flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.split-pane{background:var(--app-color-bg-paper);flex-direction:column;flex:1 1 0;min-width:0;transition:background-color .18s;display:flex;position:relative;overflow:hidden}.split-pane:not(.focused){background:var(--app-color-bg-toolbar)}.split-pane+.split-pane{border-left:1px solid var(--app-color-border)}.split-pane.wide{flex:1.35 1 0}.new-tab-picker-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:32px;display:flex}.new-tab-picker-panel{width:min(340px,100%)}.new-tab-picker-title{color:var(--app-color-text);font-size:var(--app-font-md);font-weight:var(--app-weight-black);margin:0 0 18px}.new-tab-picker-list{flex-direction:column;gap:2px;display:flex}.new-tab-picker-item{color:var(--app-color-text);font-size:var(--app-font-sm);font-weight:var(--app-weight-black);align-items:center;gap:10px;min-height:44px;padding:10px 12px;display:flex}.new-tab-picker-item svg{color:var(--app-color-muted);flex:none}.split-pane-header{min-height:var(--app-size-split-header);z-index:10;align-items:center;padding:10px 6px 0;display:flex;position:relative}.split-pane:first-child .split-pane-header{padding-left:0}.split-editor-tabs{align-items:center;gap:1px;min-width:0;display:flex}.split-editor-tab{border-radius:var(--app-radius-pill);color:var(--app-color-muted-control);font-size:var(--app-font-xs);font-weight:var(--app-weight-semibold);height:var(--app-size-tab-height);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-width:52px;max-width:100px;padding:0 11px;transition:background-color .14s,color .14s,box-shadow .14s;display:flex}.split-editor-tab.active{background:rgba(var(--app-color-brand-rgb), .07);box-shadow:0 1px 2px rgba(var(--app-color-brand-rgb), .1), 0 4px 10px rgba(var(--app-color-brand-rgb), .08);color:var(--app-color-brand-700)}.split-editor-tab:not(.active):hover{background:rgba(var(--app-color-brand-rgb), .04);color:var(--app-color-text)}.split-tab-label{text-overflow:ellipsis;overflow:hidden}.split-editor-tab-add,.split-action-btn{border-radius:var(--app-radius-row);color:var(--app-color-accent-dark);height:var(--control-size-standard);width:var(--control-size-standard);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.split-editor-tab-add svg,.split-action-btn svg{height:var(--control-icon-standard);width:var(--control-icon-standard)}.split-pane-actions{align-items:center;gap:1px;margin-left:auto;display:flex}.app-side-panel-slot{z-index:20;width:320px;display:flex;position:absolute;top:6px;bottom:6px;right:6px}.app-side-panel-slot>*{flex:1;min-width:0}.split-memo-pane-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.split-note-header{border-bottom:1px solid var(--app-color-border-strong);flex-direction:column;gap:2px;padding:12px 28px 0;display:flex;position:relative}.split-note-save-status{color:var(--app-color-muted);font-size:var(--app-font-xs);font-weight:var(--app-weight-semibold)}.split-note-title-input{color:var(--app-color-text);font-family:inherit;font-size:26px;font-weight:var(--app-weight-black);background:0 0;border:0;padding:2px 0;line-height:1.3}.note-fixed-toolbar{align-items:center;gap:2px;padding:6px 0 8px;display:flex}.note-fixed-toolbar-trailing{align-items:center;gap:2px;margin-left:auto;display:flex}.tiptap-button{border-radius:var(--app-radius-row);color:var(--app-color-muted-control);height:var(--control-size-standard);min-width:var(--control-size-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0 4px;display:flex}.tiptap-button svg{height:var(--control-icon-standard);width:var(--control-icon-standard)}.simple-editor-content{color:var(--app-color-text);font-family:var(--app-font-ui);font-size:var(--app-font-editor);letter-spacing:-.015em;flex:1;min-height:0;padding:22px 28px 28px;line-height:1.6;overflow:hidden}.simple-editor-content p{margin:0 0 12px}.simple-editor-content h2{font-size:var(--app-font-heading-sm);font-weight:var(--app-weight-regular);margin:16px 0 8px}.date-token{border-radius:var(--app-radius-xs);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#4b5741;font-weight:var(--app-weight-black);background:#66705a29;padding:0 3px}.editor-caret{background:var(--app-color-brand-500);vertical-align:text-bottom;width:2px;height:1.05em;margin-left:1px;display:inline-block}.editor-caret-blink{animation:1s step-end infinite editor-caret-blink}@keyframes editor-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.editor-caret-blink{animation:none}}.editor-selection{background:var(--app-color-selection)}.ambient-ghost-widget{min-height:24px;margin:10px 0 14px;display:block}.ambient-ghost{border:0;border-left:2px solid color-mix(in srgb, var(--app-color-border-strong) 72%, transparent);text-align:left;background:0 0;align-items:baseline;gap:7px;max-width:520px;padding:2px 0 2px 9px;transition:border-color .15s ease-out;display:flex}.ambient-ghost-meta{color:color-mix(in srgb, var(--app-color-accent) 70%, transparent);font-size:var(--app-font-xxs);font-weight:var(--app-weight-black);flex:none}.ambient-ghost-text{color:color-mix(in srgb, var(--app-color-text-soft) 72%, transparent);font-size:var(--app-font-xs);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.ambient-ghost-hint{color:color-mix(in srgb, var(--app-color-text-soft) 72%, transparent);font-size:var(--app-font-xxs);opacity:0;flex:none}.ambient-ghost.hovered{border-left-color:var(--app-color-accent)}.ambient-ghost.hovered .ambient-ghost-hint{opacity:.7}.selection-bubble-toolbar{border-radius:var(--app-radius-panel);box-shadow:var(--app-shadow-popover);background:#fffffff5;border:0;align-items:center;gap:2px;padding:4px;display:flex}.selection-bubble-toolbar .tiptap-button{height:var(--control-size-compact);min-width:var(--control-size-compact);padding:0 4px}.selection-bubble-toolbar .tiptap-button svg{height:var(--control-icon-compact);width:var(--control-icon-compact)}.selection-bubble-divider{background:#2c25201f;width:1px;height:18px;margin:0 4px}.selection-bubble-schedule{white-space:nowrap;gap:4px;padding:0 8px}.selection-bubble-schedule .tiptap-button-text{font-size:var(--app-font-xs);font-weight:var(--app-weight-medium)}.schedule-confirm-bar{background:var(--app-color-bg-paper);border:1px solid var(--app-color-border-soft);border-radius:var(--app-radius-control);box-shadow:var(--app-shadow-popover);align-items:center;gap:4px;padding:4px;display:flex}.schedule-confirm-date{background:var(--app-color-bg-muted);border-radius:var(--app-radius-row);color:var(--app-color-text);font-size:var(--control-font-compact);font-weight:var(--app-weight-semibold);height:var(--control-size-compact);padding:0 var(--control-padding-compact);border:0;align-items:center;gap:6px;display:flex}.schedule-confirm-submit{border:1px solid var(--app-color-action-primary-border);border-radius:var(--app-radius-row);color:var(--app-color-action-primary-ink);font-size:var(--control-font-compact);font-weight:var(--app-weight-semibold);height:var(--control-size-compact);padding:0 var(--control-padding-compact);background:0 0}.schedule-confirm-x{border-radius:var(--app-radius-row);color:var(--app-color-muted);height:var(--control-size-compact);width:var(--control-size-compact);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.date-schedule-popover{background:var(--app-color-bg-paper);border:1px solid var(--app-color-border-soft);border-radius:var(--app-radius-panel);box-shadow:var(--app-shadow-popover);color:var(--app-color-text);width:228px;padding:10px}.date-schedule-header{justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.date-schedule-title{align-items:baseline;gap:4px;display:flex}.date-schedule-title strong{font-size:var(--app-font-md);font-weight:var(--app-weight-black)}.date-schedule-title span{color:var(--app-color-muted);font-size:var(--app-font-xs)}.date-schedule-nav{gap:2px;display:flex}.date-schedule-nav>span{border-radius:var(--app-radius-row);color:var(--app-color-muted-icon);background:0 0;border:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.date-schedule-weekdays,.date-schedule-grid{grid-template-columns:repeat(7,1fr);display:grid}.date-schedule-weekdays span{color:var(--app-color-muted);font-size:var(--app-font-xxs);font-weight:var(--app-weight-semibold);text-align:center;padding:2px 0}.date-schedule-day{border-radius:var(--app-radius-row);color:var(--app-color-text);font-size:var(--app-font-sm);background:0 0;border:0;height:26px;padding:0}.date-schedule-day.empty{visibility:hidden}.date-schedule-day.today{color:var(--app-color-action-primary);font-weight:var(--app-weight-black)}.date-schedule-day.selected{background:var(--app-color-action-primary);color:var(--app-color-action-primary-text);font-weight:var(--app-weight-semibold)}.date-schedule-time-row{justify-content:space-between;align-items:center;gap:6px;padding-top:8px;display:flex}.date-schedule-time-selects{background:var(--app-color-bg-muted);border-radius:var(--app-radius-row);font-size:var(--control-font-compact);font-variant-numeric:tabular-nums;height:var(--control-size-compact);align-items:center;gap:2px;padding:0 8px;display:flex}.date-schedule-meridiem{background:var(--app-color-bg-muted);border-radius:var(--app-radius-pill);padding:2px;display:flex}.date-schedule-meridiem>span{border-radius:var(--app-radius-pill);color:var(--app-color-muted-control);font-size:var(--app-font-xxs);font-weight:var(--app-weight-semibold);background:0 0;border:0;padding:3px 8px}.date-schedule-meridiem>span.active{background:var(--app-color-bg-paper);box-shadow:var(--app-shadow-control-active);color:var(--app-color-text-strong)}.date-schedule-confirm-row{padding-top:8px}.date-schedule-confirm-btn{border:1px solid var(--app-color-action-primary-border);border-radius:var(--app-radius-row);color:var(--app-color-action-primary-ink);font-size:var(--control-font-compact);font-weight:var(--app-weight-semibold);height:var(--control-size-compact);background:0 0;width:100%}
.cal-layout{flex-direction:column;flex:1;min-width:0;min-height:0;padding:18px 22px;display:flex}.cal-header{align-items:center;gap:10px;min-width:0;margin-bottom:14px;display:flex}.cal-title{color:var(--app-color-text);font-size:20px;font-weight:var(--app-weight-semibold);white-space:nowrap;flex:140px;margin:0}.cal-inbox-button{border-radius:var(--app-radius-card);color:var(--cal-muted);height:var(--control-size-standard);width:var(--control-size-standard);background:0 0;border:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.cal-inbox-button svg{height:var(--control-icon-standard);width:var(--control-icon-standard)}.cal-views,.cal-nav{background:var(--app-color-bg-pressed);border-radius:var(--app-radius-pill);flex:none;align-items:center;padding:2px;display:inline-flex}.cal-views>span{border-radius:var(--app-radius-pill);color:var(--app-color-muted-control);font-size:var(--control-font-compact);font-weight:var(--app-weight-semibold);min-height:var(--control-size-compact);min-width:32px;padding:0 var(--control-padding-compact);background:0 0;border:0}.cal-views>span.active{background:var(--app-color-bg-paper);box-shadow:var(--app-shadow-control-active);color:var(--app-color-text-strong)}.cal-nav-icon,.cal-today{border-radius:var(--app-radius-pill);color:var(--app-color-text-strong);height:var(--control-size-compact);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.cal-nav-icon{width:var(--control-size-compact)}.cal-nav-icon svg{height:var(--control-icon-compact);width:var(--control-icon-compact)}.cal-today{font-size:var(--control-font-compact);font-weight:var(--app-weight-semibold);padding:0 var(--control-padding-compact)}.cal-timegrid-head,.cal-timegrid-body{grid-template-columns:56px repeat(7,1fr);display:grid}.cal-col-head{border-left:1px solid var(--cal-line);justify-content:center;align-items:baseline;gap:6px;padding:6px 0;display:flex}.cal-col-dow{color:var(--cal-muted);font-size:var(--app-font-sm);font-weight:var(--app-weight-semibold)}.cal-col-date{color:var(--app-color-text);font-size:var(--app-font-editor);font-weight:var(--app-weight-semibold)}.cal-col-head.today .cal-col-date{background:var(--cal-accent);border-radius:var(--app-radius-pill);color:var(--app-color-bg-paper);justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.cal-allday-row{border-bottom:1px solid var(--app-color-border);border-top:1px solid var(--cal-line);min-height:28px}.cal-timegrid-scroll{flex:1;min-height:0;overflow:hidden}.cal-timegrid-body{position:relative}.cal-time-gutter{flex-direction:column;display:flex}.cal-hour-label{color:var(--app-color-muted-soft);font-size:var(--app-font-xs);font-weight:var(--app-weight-medium);text-align:right;padding-right:8px;transform:translateY(-7px)}.cal-day-col{border-left:1px solid var(--cal-line);position:relative}.cal-hour-cell{border-bottom:1px solid var(--app-color-bg-pressed)}.cal-now-line{background:var(--cal-accent);z-index:3;height:2px;position:absolute;left:0;right:0}.cal-now-line:before{background:var(--cal-accent);border-radius:var(--app-radius-pill);content:"";width:9px;height:9px;position:absolute;top:-3.5px;left:-1px}.cal-event{border-radius:var(--app-radius-tab);text-align:left;z-index:2;border:0;flex-direction:column;padding:1px 6px;display:flex;position:absolute;left:2px;right:2px;overflow:hidden}.cal-event strong{font-size:var(--app-font-sm);font-weight:var(--app-weight-semibold);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:13px;display:-webkit-box;overflow:hidden}.cal-event span{font-size:var(--app-font-xs);opacity:.75;line-height:11px}.cal-month-grid{border-left:1px solid var(--cal-line);border-radius:var(--app-radius-control);border-top:1px solid var(--cal-line);grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;display:grid;overflow:hidden}.cal-weekday-row{grid-template-columns:repeat(7,1fr);display:grid}.cal-weekday-row span{color:var(--cal-muted);font-size:var(--app-font-sm);font-weight:var(--app-weight-semibold);text-align:center;padding:6px 8px}.cal-weekday-row span.sunday{color:var(--cal-sunday)}.cal-month-cell{background:var(--app-color-bg-paper);border-bottom:1px solid var(--cal-line);border-right:1px solid var(--cal-line);text-align:left;flex-direction:column;gap:2px;min-width:0;min-height:0;padding:4px 6px 6px;display:flex;overflow:hidden}.cal-month-cell.muted{background:var(--app-color-bg-toolbar)}.cal-daynum{color:var(--app-color-text);font-size:var(--app-font-md);font-weight:var(--app-weight-semibold);align-self:flex-end;padding:2px}.cal-month-cell.muted .cal-daynum{color:var(--app-color-muted)}.cal-month-cell.today .cal-daynum{background:var(--cal-accent);border-radius:var(--app-radius-pill);color:var(--app-color-bg-paper);justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.cal-month-items{flex-direction:column;gap:2px;min-height:0;display:flex;overflow:hidden}.cal-month-item{white-space:nowrap;border-radius:3px;flex:0 0 17px;align-items:center;gap:4px;min-width:0;padding:1px 4px;font-size:10.5px;font-weight:550;line-height:15px;display:flex;overflow:hidden}.cal-month-item-title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cal-schedule-drop-preview{border-radius:var(--app-radius-tab);color:#2f6f42;font-size:var(--app-font-xxs);z-index:4;background:#4a995c1c;border:1px dashed #3d8b57b3;flex-direction:column;padding:4px 6px;line-height:1.25;display:flex;position:absolute;left:2px;right:2px;box-shadow:0 4px 14px #2268381f}.cal-schedule-drop-preview strong{font-size:var(--app-font-xs)}.inbox-workspace{--inbox-card-width:224px;--inbox-card-height:298px;flex-direction:column;flex:1;gap:14px;min-width:0;padding:18px 22px;display:flex;overflow:hidden}.inbox-list-header{align-items:center;gap:6px;width:100%;display:flex}.inbox-search-input{background:var(--app-color-bg-paper);border:1px solid var(--app-color-border);border-radius:var(--app-radius-xs);color:var(--app-color-muted);font-size:var(--control-font-compact);height:var(--control-size-standard);flex:260px;align-items:center;gap:6px;max-width:440px;padding:0 8px;display:flex}.inbox-filter{background:var(--app-color-bg-pressed);border-radius:var(--app-radius-xs);margin-left:auto;padding:2px;display:flex}.inbox-filter>span{color:var(--app-color-muted-control);font-size:var(--app-font-xs);font-weight:var(--app-weight-medium);background:0 0;border:0;border-radius:3px;padding:3px 10px}.inbox-filter>span.active{background:var(--app-color-bg-paper);box-shadow:var(--app-shadow-control-active);color:var(--app-color-text-strong)}.inbox-grid{grid-template-columns:repeat(auto-fill, var(--inbox-card-width));place-content:start;gap:12px;display:grid}.inbox-card{background:var(--app-color-bg-paper);border:1px solid var(--app-color-border);border-radius:var(--app-radius-row);height:var(--inbox-card-height);flex-direction:column;transition:box-shadow .15s ease-out;display:flex;position:relative;overflow:hidden}.inbox-card.hovered{box-shadow:0 0 0 1px var(--app-color-border-strong), 0 2px 8px #2c25200f}.inbox-thumbnail{background:var(--app-color-bg-muted);height:112px;position:relative;overflow:hidden}.inbox-thumbnail.empty{background:var(--app-color-skeleton)}.inbox-thumbnail-youtube{background:#f4f3ef;justify-content:center;align-items:center;display:flex}.inbox-youtube-mark{width:68px;height:48px;display:block}.inbox-thumbnail img{object-fit:cover;width:100%;height:100%}.inbox-thumbnail-text{color:var(--app-color-muted-soft);font-size:var(--app-font-xs);-webkit-line-clamp:5;-webkit-box-orient:vertical;height:100%;padding:10px 12px;line-height:1.4;display:-webkit-box;overflow:hidden}.inbox-duration{border-radius:var(--app-radius-tab);color:var(--app-color-bg-paper);font-size:var(--app-font-xxs);font-weight:var(--app-weight-black);background:#000000c7;padding:2px 6px;position:absolute;bottom:8px;right:8px}.inbox-card-content{flex-direction:column;flex:1;gap:5px;min-height:0;padding:11px 12px 12px;display:flex;overflow:hidden}.inbox-card-title{font-size:var(--app-font-sm);font-weight:var(--app-weight-semibold);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.inbox-card-source{color:var(--app-color-muted);font-size:var(--app-font-xs);align-items:center;gap:4px;display:flex}.inbox-domain-favicon{border-radius:3px;width:13px;height:13px}.inbox-card-summary{font-size:var(--app-font-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.inbox-card-keywords{flex-wrap:wrap;gap:4px;max-height:44px;margin-top:auto;display:flex;overflow:hidden}.inbox-keyword{background:var(--app-color-bg-paper);border:1px solid var(--app-color-border);border-radius:var(--app-radius-xs);color:var(--app-color-text-soft);font-size:var(--app-font-xxs);font-weight:var(--app-weight-medium);padding:2px 6px}.inbox-card-actions{z-index:2;gap:4px;display:flex;position:absolute;top:8px;right:8px}.inbox-card-actions>span{background:var(--app-color-bg-paper);border:1px solid var(--app-color-border);border-radius:var(--app-radius-xs);color:var(--app-color-muted-icon);height:var(--control-size-standard);opacity:0;width:var(--control-size-standard);justify-content:center;align-items:center;transition:opacity .12s ease-out;display:flex}.inbox-card.hovered .inbox-card-actions>span,.inbox-card-actions>span.liked{opacity:1}.inbox-card-actions>span.liked{color:#e03131}.preview-panel,.schedule-inbox-panel{background:var(--app-color-bg-paper);border:1px solid var(--app-color-border-strong);box-shadow:var(--app-shadow-panel);border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.preview-panel-header{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.preview-panel-title{color:var(--app-color-text);font-size:var(--app-font-sm);font-weight:var(--app-weight-black)}.preview-panel-metadata{color:var(--app-color-text-soft);font-size:var(--app-font-xxs);font-variant-numeric:tabular-nums;font-weight:var(--app-weight-semibold);gap:6px;margin-top:2px;display:flex}.preview-panel-youtube-mark{flex:none;align-self:center;width:13px;height:9px}.preview-panel-similarity{margin-left:auto}.preview-panel-actions{gap:2px;display:flex}.preview-action-btn{color:var(--app-color-text-soft);height:var(--control-size-standard);width:var(--control-size-standard);background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;display:flex}.preview-action-btn svg{height:var(--control-icon-standard);width:var(--control-icon-standard)}.preview-panel-body{flex:1;min-height:0;padding:14px 16px;overflow:hidden}.preview-body{color:var(--app-color-text);font-size:var(--app-font-md);white-space:pre-wrap;margin:0;line-height:1.62}.preview-highlight{background:#f0ebdf;border-radius:3px;padding:1px 2px}.preview-list{gap:6px;display:grid}.preview-list-row,.schedule-approve-row{background:var(--app-color-bg-surface);border:1px solid var(--app-color-border);border-radius:var(--app-radius-panel);text-align:left;gap:3px;padding:9px 11px;display:grid;position:relative}.preview-list-meta,.schedule-approve-meta{color:var(--app-color-text-soft);font-size:var(--app-font-xxs);font-weight:var(--app-weight-black)}.preview-list-text,.schedule-approve-text{color:var(--app-color-text);font-size:var(--app-font-sm);font-weight:var(--app-weight-medium);line-height:1.45}.schedule-inbox-panel-header{justify-content:space-between;align-items:center;min-height:52px;padding:6px 8px 6px 14px;display:flex}.schedule-inbox-panel-title{color:var(--app-color-text);font-size:var(--app-font-sm);font-weight:var(--app-weight-black)}.schedule-approve-list{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.schedule-approve-row.dragging{box-shadow:var(--app-shadow-dragged)}.web-clip-preview{background:var(--app-color-bg);border:1px solid var(--app-color-border);border-radius:var(--app-radius-panel);box-shadow:var(--app-shadow-floating);color:var(--app-color-text);font-family:var(--app-font-ui);flex-direction:column;width:380px;display:flex;overflow:hidden}.web-clip-preview__browser,.web-clip-preview__footer{align-items:center;gap:8px;display:flex}.web-clip-preview__browser{border-bottom:1px solid var(--app-color-border);color:var(--app-color-muted-soft);font-size:var(--app-font-xs);justify-content:space-between;min-height:30px;padding:0 12px}.web-clip-preview__dots{gap:4px;margin-right:2px;display:inline-flex}.web-clip-preview__dots i{background:var(--app-color-muted);border-radius:50%;width:5px;height:5px;display:block}.web-clip-preview__domain{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.web-clip-preview__content{flex-direction:column;gap:5px;min-height:96px;padding:14px 16px 12px;display:flex}.web-clip-preview__eyebrow,.web-clip-preview__meta,.web-clip-preview__status{color:var(--app-color-muted-soft);font-size:var(--app-font-xs)}.web-clip-preview__content strong{font-size:var(--app-font-sm);font-weight:var(--app-weight-semibold);line-height:1.35}.web-clip-preview__footer{border-top:1px solid var(--app-color-border);justify-content:space-between;min-height:46px;padding:7px 12px}.web-clip-preview__brand{color:var(--app-color-brand-700);font-family:var(--app-font-wordmark);font-size:var(--app-font-sm);font-weight:var(--app-weight-black);align-items:center;gap:4px;display:inline-flex}.web-clip-preview__brand svg{color:var(--app-color-brand-mark)}.web-clip-preview__action{background:var(--app-color-action-secondary-bg);border:1px solid var(--app-color-action-secondary-border);border-radius:var(--app-radius-card);color:var(--app-color-action-secondary-text);font-size:var(--control-font-compact);font-weight:var(--app-weight-medium);padding:5px 8px;transition:transform .14s}.web-clip-preview__action--pressed{transform:scale(var(--app-press-scale))}.web-clip-preview__status{min-height:15px;margin:0;padding:0 12px 8px}.mini-composer{background:var(--app-color-bg);border:1px solid var(--app-color-border);border-radius:var(--app-radius-panel);box-shadow:var(--app-shadow-modal);color:var(--app-color-text);font-family:var(--app-font-ui);flex-direction:column;gap:8px;width:380px;padding:12px;display:flex}.mini-composer__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-composer__brand{align-items:center;gap:4px;margin-right:auto;display:inline-flex}.mini-composer__mark{color:var(--app-color-brand-mark)}.mini-composer__title{font-family:var(--app-font-wordmark);font-size:var(--app-font-md);font-weight:var(--app-weight-black);letter-spacing:.005em}.mini-composer__header-actions{color:var(--app-color-muted-soft);align-items:center;gap:8px;display:flex}.mini-composer__input{background:var(--app-color-bg-paper);border:1px solid var(--app-color-border);border-radius:var(--app-radius-control);color:var(--app-color-text);letter-spacing:-.01em;white-space:pre-wrap;min-height:86px;padding:12px;font-size:14px;line-height:1.5}.mini-composer__input.placeholder{color:var(--app-color-muted-soft)}.mini-composer__recent{border-top:1px solid var(--app-color-border);flex-direction:column;gap:4px;padding-top:6px;display:flex}.mini-composer__recent-head{min-height:var(--control-size-compact);justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-composer__recent-title{color:var(--app-color-muted-soft);font-size:var(--app-font-xxs);font-weight:var(--app-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.mini-composer__actions{gap:6px;margin-left:auto;display:flex}.mini-composer__secondary,.mini-composer__save{background:var(--app-color-action-secondary-bg);border:1px solid var(--app-color-action-secondary-border);border-radius:var(--app-radius-card);color:var(--app-color-action-secondary-text);font-size:var(--control-font-compact);font-weight:var(--app-weight-medium);height:var(--control-size-compact);padding:0 var(--control-padding-compact);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.mini-composer__status{color:var(--app-color-muted-soft);font-size:var(--app-font-xs);min-height:15px;margin:0}.mini-composer__recent-item{color:var(--app-color-text-soft);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-height:22px;display:grid}.mini-composer__recent-source{color:var(--app-color-accent);font-size:var(--app-font-xxs);font-weight:var(--app-weight-semibold)}.mini-composer__recent-text{font-size:var(--app-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-fragment{background:var(--app-color-bg-paper);border:1px solid var(--app-color-border);border-radius:var(--app-radius-panel);box-shadow:var(--app-shadow-card);flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.cal-fragment-head{justify-content:space-between;align-items:center;display:flex}.cal-fragment-head strong{color:var(--app-color-text);font-size:var(--app-font-lg);font-weight:var(--app-weight-semibold)}.cal-fragment-badge{background:var(--app-color-bg-pressed);border-radius:var(--app-radius-pill);color:var(--app-color-muted-control);font-size:var(--app-font-xs);font-weight:var(--app-weight-semibold);padding:4px 10px}.cal-strip-hours,.cal-strip-row{grid-template-columns:54px repeat(5,1fr);display:grid}.cal-strip-hours span{color:var(--app-color-muted-soft);font-size:var(--app-font-xs);font-weight:var(--app-weight-medium);text-align:center}.cal-strip-row+.cal-strip-row{margin-top:6px}.cal-strip-day{flex-direction:column;justify-content:center;padding-right:10px;display:flex}.cal-strip-day strong{font-size:var(--app-font-lg);font-weight:var(--app-weight-semibold)}.cal-strip-day span{color:var(--app-color-muted);font-size:var(--app-font-xs)}.cal-strip-track{border-left:1px solid var(--cal-line);grid-column:2/-1;grid-template-columns:repeat(5,1fr);min-height:46px;display:grid;position:relative}.cal-strip-slot{border-right:1px dashed var(--cal-line);color:var(--app-color-muted-soft);font-size:var(--app-font-md);justify-content:center;align-items:center;display:flex}.cal-strip-slot:before{content:"+";opacity:.5}.cal-strip-block{border-radius:var(--app-radius-row);z-index:2;flex-direction:column;grid-row:1;justify-content:center;align-items:flex-start;margin:3px;padding:5px 8px;display:flex;overflow:hidden}.cal-strip-block strong{font-size:var(--app-font-sm);font-weight:var(--app-weight-semibold);white-space:nowrap}.cal-strip-block span{font-size:var(--app-font-xxs);opacity:.78;white-space:nowrap}
.showcase{border-radius:20px;width:100%;position:relative;overflow:hidden}.showcase-blue{background:linear-gradient(135deg,#e3f0fd 0%,#b9d5f5 55%,#8fb6ea 100%)}.connected-memory-scene .showcase-window,.productivity-scene .showcase-window{background:#fdf9f2;border-radius:12px 12px 0 0;width:90%;height:80%;top:20%;left:50%;transform:translate(-50%)}.productivity-scene .split-pane.wide{flex:.7 1 0}.showcase-green{background:linear-gradient(135deg,#e6f4ea 0%,#c0e2ca 55%,#95cca7 100%)}.showcase-amber{background:linear-gradient(135deg,#fdf1dd 0%,#f4dcb0 55%,#e9c483 100%)}.showcase-clay{background:linear-gradient(135deg,#fbebe5 0%,#f2d0c2 55%,#e5b09b 100%)}.showcase-window{background:var(--paper-strong);box-shadow:var(--shadow-page-frame);border-radius:12px;flex-direction:column;width:88%;height:80%;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.showcase-dots{z-index:5;gap:8px;display:flex;position:absolute;top:16px;left:18px}.showcase-dots span{border-radius:50%;width:11px;height:11px}.showcase-dots span:first-child{background:#ee6a5f}.showcase-dots span:nth-child(2){background:#f4bf4f}.showcase-dots span:nth-child(3){background:#61c554}.showcase-viewport{flex:1;min-height:0;position:relative;overflow:hidden}.subnota-app.session-collapsed .split-workspace-commandbar{width:var(--app-size-commandbar-content);gap:2px;padding-left:78px}.subnota-app.session-collapsed .split-pane:first-child .split-pane-header{padding-left:var(--app-size-commandbar-content)}.scene-frame{width:100%;position:relative}.scene-stage{font-family:var(--app-font-ui);text-align:left;transform-origin:0 0;line-height:normal;position:absolute;top:0;left:0}.scene-stage *,.scene-stage :before,.scene-stage :after{box-sizing:border-box}.scene-float{z-index:40;position:absolute}.scene-float-bubble,.scene-float-confirm{top:172px;left:286px}.scene-float-picker{top:156px;left:421px}.scene-float-mini{top:150px;left:50%;transform:translate(-50%)}.scene-float-capture{top:76px;left:40px;right:auto}.capture-save-ring{pointer-events:none;z-index:1;width:124px;height:52px;position:absolute;top:128px;left:187px}.reuse-browser-scene .showcase-dots{display:none}.reuse-browser-scene .showcase-window{box-shadow:none;background:0 0;border-radius:0;width:calc(100% - 56px);height:calc(100% - 40px);top:40px;left:56px;transform:none}.reuse-browser-scene .scene-stage>svg{max-width:none;display:block}.scene-float-hotkey{align-items:center;gap:6px;display:flex;top:232px;left:50%;transform:translate(-50%)}.scene-float-hotkey kbd{color:#faf9f5;font-family:var(--font-sans);text-align:center;background:#1f1e1beb;border-radius:8px;min-width:40px;padding:11px 12px;font-size:20px;font-weight:600;line-height:1}.safari-mockup-content{color:#2c2520;font-family:var(--font-sans);background:#fffdf9;width:100%;height:100%;overflow:hidden}.safari-menu-mark{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.safari-menu-mark svg{color:var(--app-color-brand-mark)}.safari-page-content{max-width:760px;padding:200px 92px}.safari-page-content__eyebrow{color:#a28c73;letter-spacing:.15em;font-size:12px;font-weight:700}.safari-page-content h3{font-family:var(--app-font-wordmark);letter-spacing:-.04em;margin:18px 0 16px;font-size:48px;font-weight:700;line-height:1.15}.safari-page-content p{color:#76695e;margin:0;font-size:16px;line-height:1.6}.safari-page-content__rule{background:#e9e2d8;width:100%;height:1px;margin:38px 0 24px}.safari-page-content__lines{gap:10px;display:grid}.safari-page-content__lines span{background:#eee8df;border-radius:4px;width:78%;height:8px;display:block}.safari-page-content__lines span:nth-child(2){width:92%}.safari-page-content__lines span:nth-child(3){width:64%}.inbox-skeleton-line{background:var(--app-color-skeleton,#f1efe9);border-radius:4px;height:10px;display:block}@media (max-width:640px){.showcase{border-radius:14px}.showcase-window{border-radius:8px;width:95%;height:88%}}.fragment-scene{grid-template-columns:430px 110px minmax(0,1fr);align-items:center;gap:0;height:100%;padding:16px 8px;display:grid}.fragment-memo{width:430px;position:relative}.fragment-window{background:var(--app-color-bg-paper);box-shadow:var(--shadow-page-piece);border-radius:12px;position:relative;overflow:hidden}.fragment-dots{z-index:5;gap:7px;display:flex;position:absolute;top:23px;left:14px}.fragment-memo .split-pane-header{padding-left:72px}.fragment-dots span{border-radius:50%;width:10px;height:10px}.fragment-dots span:first-child{background:#ee6a5f}.fragment-dots span:nth-child(2){background:#f4bf4f}.fragment-dots span:nth-child(3){background:#61c554}.fragment-memo-body{min-height:260px;display:block}.fragment-memo-editor{flex-direction:column;min-width:0;padding:4px 0 16px;display:flex}.fragment-float{z-index:40;position:absolute}.fragment-float-bubble{top:264px;left:20px}.fragment-links{align-self:center;width:110px;height:520px;overflow:visible}.fragment-calendar{flex-direction:column;gap:14px;width:100%;display:flex}.fragment-calendar>.cal-fragment:first-child{box-sizing:border-box;height:280px;overflow:hidden}.fragment-calendar>.cal-fragment:first-child .cal-fragment-week-head .cal-col-head{gap:2px;padding:3px 0}.fragment-calendar>.cal-fragment:first-child .cal-fragment-week-head .cal-col-dow,.fragment-calendar>.cal-fragment:first-child .cal-fragment-week-head .cal-col-date{font-size:var(--app-font-xs)}.fragment-calendar>.cal-fragment:first-child .cal-fragment-week-allday{min-height:20px}.fragment-calendar>.cal-fragment:first-child .cal-fragment-week-grid{flex:none;height:140px;min-height:0;overflow:hidden}.fragment-calendar>.cal-fragment:first-child .cal-fragment-week-grid .cal-hour-label{padding-right:5px;font-size:9px;transform:translateY(-5px)}.fragment-calendar>.cal-fragment:first-child .cal-fragment-week-grid .cal-event{padding:2px 4px}.fragment-calendar>.cal-fragment:first-child .cal-fragment-week-grid .cal-event strong{font-size:9px;line-height:10px}.fragment-calendar>.cal-fragment:first-child .cal-fragment-week-grid .cal-event span{font-size:8px;line-height:9px}.fragment-calendar>.cal-fragment:last-child{box-sizing:border-box;height:226px;overflow:hidden}.fragment-calendar>.cal-fragment:last-child .cal-month-grid{flex:0 0 160px;grid-template-rows:repeat(3,minmax(0,1fr));height:160px;min-height:0}.fragment-calendar .cal-month-cell,.fragment-calendar .cal-month-items{min-height:0}@keyframes fragment-cal-pop{0%{opacity:0;transform:scale(.82)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.fragment-calendar .cal-pop-item{transform-origin:50%;animation:.26s ease-out both fragment-cal-pop}.sim-cursor{pointer-events:none;z-index:60;filter:drop-shadow(0 2px 4px #0000002e);position:absolute;top:0;left:0}
.marker{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:2px 4px;font-weight:600;display:inline}.marker-blue{color:#1e88e5;background:#e3f2fd}.marker-green{color:#2e7d32;background:#e8f5e9}.marker-amber{color:#b27a14;background:#fff3db}.marker-clay{color:#b84b32;background:#fbece6}.hand-note{pointer-events:none;z-index:30;position:absolute}.hand-note-text{color:#b07a1c;font-family:"Nanum Pen Script", var(--font-sans);letter-spacing:.01em;white-space:nowrap;font-size:25px;line-height:1.15;display:block}.hand-note-arrow{height:auto;display:block;overflow:visible}@media (prefers-reduced-motion:reduce){.hand-note-arrow path{stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important}}
.legal-page{background:var(--paper-soft);font-family:var(--font-sans);min-height:100vh;padding:28px 20px 56px}.legal-page-shell{min-width:0;max-width:860px;margin:0 auto}.legal-page-header,.legal-page-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.legal-page-header{border-bottom:1px solid var(--line);padding:0 0 20px}.legal-page-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;min-width:0;display:flex}.legal-brand{align-items:center;gap:8px;font-weight:800;display:inline-flex}.legal-brand-mark{object-fit:contain;flex:none;width:28px;height:28px;display:block}.legal-page-header nav{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.legal-page-header nav a,.legal-page-footer a{color:var(--muted);font-size:13px}.legal-page-header nav a:hover,.legal-page-footer a:hover{color:var(--ink)}.legal-article{background:var(--paper-strong);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;min-width:0;margin:36px 0 24px;padding:clamp(28px,6vw,64px);overflow:hidden}.legal-eyebrow{color:var(--brand-mark);letter-spacing:.12em;margin-bottom:10px;font-size:12px;font-weight:800}.legal-article h1{letter-spacing:-.04em;font-size:clamp(30px,5vw,44px);line-height:1.2}.legal-effective-date{color:var(--muted);margin-top:12px;font-size:14px}.legal-content{color:var(--ink-soft);overflow-wrap:anywhere;margin-top:42px;font-size:15px;line-height:1.85}.legal-content h2{color:var(--ink);letter-spacing:-.02em;margin:38px 0 12px;font-size:20px;line-height:1.4}.legal-content h2:first-child{margin-top:0}.legal-content p+p,.legal-content p+ul,.legal-content p+ol,.legal-content ul+p,.legal-content ol+p{margin-top:12px}.legal-content a{color:var(--brand-mark);text-underline-offset:3px;font-weight:650;text-decoration:underline}.legal-content ul,.legal-content ol{padding-left:22px}.legal-content li+li{margin-top:7px}.legal-content table{border-collapse:collapse;width:100%;max-width:100%;margin:18px 0;font-size:14px}.legal-content th,.legal-content td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 10px}.legal-content th{background:var(--paper-soft);color:var(--ink);font-weight:750}.legal-content dt{color:var(--ink);margin-top:12px;font-weight:750}.legal-content dd{margin-left:0}.legal-page-footer{padding:0 4px}@media (max-width:640px){.legal-page-header{flex-direction:column;align-items:flex-start}.legal-page-header-actions{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.legal-page-header nav{justify-content:flex-start}.legal-article{padding:28px 20px}.legal-content{margin-top:32px;font-size:14px}.legal-content table{white-space:nowrap;display:block;overflow-x:auto}.legal-page-footer{flex-direction:column;align-items:flex-start}}
:root{--font-sans:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display:"Wanted Sans Variable", "Pretendard Variable", Pretendard, -apple-system, sans-serif;--font-wordmark:"Alegreya Sans", Optima, Candara, sans-serif;--paper:#fff;--paper-soft:#faf9f7;--paper-strong:#fff;--ink:#2c2520;--ink-strong:#1d1d1f;--ink-soft:#3b332b;--muted:#6b6255;--line:#eae7e0;--line-soft:#f0eeea;--brand:#325496;--brand-ink:#1b376b;--brand-border:#94b6f5;--brand-mark:#4c71b7;--brand-petal:#0b6e4f;--hero-top:#4a77c6;--hero-mid:#86aade;--hero-low:#cfdff3;--shadow-panel:0 2px 6px #5c4d3c0f;--shadow-sm:var(--shadow-panel);--shadow-page-frame:0 1px 2px #0000000d, 0 8px 24px #0000000f, 0 24px 60px #00000024;--shadow-page-piece:0 1px 2px #2c25200a, 0 10px 30px #2c25201a;--shadow-page-feature-piece:0 1px 2px #2c25200a, 0 12px 30px #2c252014;--shadow-page-glass:0 6px 18px #1a34601f, inset 0 1px 0 #ffffffd9;--shadow-page-glass-ink:0 6px 18px #1a346024, inset 0 1px 0 #ffffff8c;--shadow-page-float:0 4px 14px #26427012;--shadow-page-menu:0 12px 30px #2c252014, 0 4px 12px #2c25200a;--shadow-frame:var(--shadow-page-frame);--press-scale:.96;--radius:12px;--radius-sm:8px;--max-w:1120px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);scroll-behavior:smooth;overflow-x:hidden}body{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.skip-link{background:var(--ink);border-radius:var(--radius-sm);color:var(--paper);z-index:100;padding:10px 16px;font-size:14px;font-weight:600;position:fixed;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{-webkit-backdrop-filter:blur(20px)saturate(160%);padding:12px max(20px, calc((100vw - var(--max-w)) / 2));z-index:50;background:#ffffff9e;border-bottom:1px solid #ffffff8c;justify-content:space-between;align-items:center;gap:24px;transition:border-color .16s;display:flex;position:fixed;top:0;left:0;right:0}.site-header.scrolled{border-bottom-color:var(--line)}.brand{align-items:center;gap:7px;display:inline-flex}.brand svg{color:var(--brand-mark);flex:none}.brand img{object-fit:contain;flex:none}.brand span{font-family:var(--font-wordmark);letter-spacing:.005em;font-size:19px;font-weight:700}.nav-links{align-items:center;gap:8px;margin-right:auto;padding-left:22px;display:flex}.mobile-header-actions{display:none}.nav-links>a,.nav-menu-trigger{color:var(--ink-soft);cursor:pointer;background:#ffffff80;border:1px solid #14141312;border-radius:999px;padding:7px 15px;font-size:14.5px;font-weight:500;transition:background-color .14s,border-color .14s,color .14s;display:inline-block;box-shadow:inset 0 1px #ffffffb3}.nav-links>a:hover,.nav-menu-trigger:hover,.nav-menu-trigger[aria-expanded=true]{color:var(--ink);background:#ffffffe6;border-color:#14141321}.nav-menu{display:inline-block;position:relative}.nav-menu-dropdown{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-page-menu);opacity:0;pointer-events:none;visibility:hidden;z-index:100;background:#ffffffeb;border:1px solid #14141312;border-radius:18px;gap:2px;width:296px;padding:14px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(4px)}.nav-menu-dropdown:after{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.nav-menu:hover .nav-menu-dropdown,.nav-menu:focus-within .nav-menu-dropdown,.nav-menu-dropdown.forced{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)translateY(10px)}.nav-menu-heading{color:var(--muted);margin-bottom:6px;padding-left:10px;font-size:13px;font-weight:500}.nav-menu-item{border-radius:12px;align-items:center;gap:12px;padding:9px 10px;transition:background-color .16s;display:flex}.nav-menu-item:hover{background:#1414130a}.nav-menu-item>span:last-child{gap:1px;min-width:0;display:grid}.nav-menu-item strong{font-size:14.5px;font-weight:600}.nav-menu-item span span{color:var(--muted);font-size:12.5px}.nav-menu-icon{border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.nav-menu-icon.tone-blue{color:#1e88e5;background:#e3f2fd}.nav-menu-icon.tone-green{color:#2e7d32;background:#e8f5e9}.nav-menu-icon.tone-amber{color:#b27a14;background:#fff3db}.nav-menu-icon.tone-clay{color:#b84b32;background:#fbece6}.header-cta{background:var(--ink-strong);border-radius:var(--radius-sm);color:#faf9f5;flex:none;align-items:center;gap:7px;padding:10px 17px;font-size:14px;font-weight:600;transition:background-color .14s,transform .1s;display:inline-flex}.header-cta:hover{background:#000}.header-cta:active{transform:scale(var(--press-scale))}.lang-switch{-webkit-backdrop-filter:blur(14px)saturate(150%);background:#fff6;border:1px solid #ffffff9e;border-radius:999px;flex:none;padding:3px;display:flex;box-shadow:inset 0 1px #ffffffbf}.lang-switch button{color:var(--muted);cursor:pointer;letter-spacing:.02em;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background-color .14s,color .14s}.lang-switch button:hover:not(:disabled){color:var(--ink)}.lang-switch button:disabled{cursor:default;opacity:.5}.lang-switch button[aria-pressed=true]{color:var(--ink);background:#fffffff2;box-shadow:0 1px 2px #1414131f}section[id]{scroll-margin-top:84px}.shell{max-width:var(--max-w);width:100%;margin:0 auto;padding-inline:20px}main{padding-top:64px}.home-main{padding-top:0}.home-main .hero{min-height:calc(clamp(600px,86vh,820px) + 64px);padding-top:164px}.hero{background:linear-gradient(180deg, var(--hero-top) 0%, var(--hero-mid) 44%, var(--hero-low) 74%, #fff 100%);isolation:isolate;text-align:center;place-items:center;min-height:clamp(600px,86vh,820px);padding-block:100px 80px;display:grid;position:relative;overflow:hidden}.hero-inner{z-index:3;flex-direction:column;align-items:center;display:flex;position:relative}.hero h1{color:#fff;font-family:var(--font-display);word-break:keep-all;letter-spacing:-.034em;text-shadow:0 1px 20px #1834602e;text-wrap:balance;max-width:20ch;font-size:clamp(34px,5.4vw,62px);font-weight:600;line-height:1.16}.hero-mobile-title-break{display:none}.wordmark-text{font-family:var(--font-wordmark);letter-spacing:-.02em;font-weight:700}.thought{letter-spacing:-.01em;white-space:nowrap;z-index:2;border-radius:999px;padding:clamp(6px,.78vw,9px) clamp(11px,1.35vw,18px);font-size:clamp(11px,1.25vw,15px);font-weight:500;position:absolute}.thought-frost{-webkit-backdrop-filter:blur(16px)saturate(150%);box-shadow:var(--shadow-page-glass);color:#223c68;background:#ffffff8c;border:1px solid #ffffffb8}.thought-ink{-webkit-backdrop-filter:blur(16px)saturate(150%);box-shadow:var(--shadow-page-glass-ink);color:#fff;background:#ffffff2e;border:1px solid #ffffff73}.thought-far{opacity:.84;font-size:clamp(10px,1.12vw,13.5px)}.thought .thought-date{color:#3f4a37;background:#66705a33;border-radius:3px;padding:0 4px;font-weight:700}.thought-ink .thought-date{color:#fff;background:#ffffff57}.t1{top:12%;left:6%}.t2{top:21%;right:8%}.t3{top:25%;left:24%}.t4{top:76%;right:19%}.t5{top:84%;left:7%}.t6{top:88%;right:5%}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.download-btn{border-radius:var(--radius-sm);color:#fff;white-space:nowrap;background:#12110fdb;border:1px solid #ffffff24;flex:0 0 140px;justify-content:center;align-items:center;gap:8px;min-width:140px;height:52px;padding:9px 12px;transition:background-color .2s,border-color .2s,transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.download-btn:not([aria-disabled=true]):hover{background:#12110ffa;border-color:#fff3;transform:translateY(-2px)}.download-btn:not([aria-disabled=true]):active{transform:scale(var(--press-scale))}.download-btn[aria-disabled=true]{cursor:default;opacity:.55}.download-btn svg{opacity:.9;flex:none}.download-btn-copy{flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.15;display:flex}.download-btn-copy span{letter-spacing:.4px;opacity:.55;text-transform:uppercase;font-size:9.5px;font-weight:500}.download-btn-copy strong{letter-spacing:-.1px;font-size:14px;font-weight:700}.hero-note{color:var(--muted);text-wrap:pretty;word-break:keep-all;margin-top:16px;font-size:13px}.hero .hero-note{color:var(--brand-ink)}.section-label{color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:600}.about{padding-block:clamp(56px,7vw,96px)}.about-panel{isolation:isolate;--about-pad-x:clamp(24px, 4vw, 64px);--about-pad-y:clamp(36px, 5vw, 72px);padding:var(--about-pad-y) var(--about-pad-x);background:linear-gradient(#f4f7fd 0%,#fafbfe 62%,#fff 100%);border:1px solid #e8edf6;border-radius:28px;position:relative;overflow:hidden}.about-echoes{inset:var(--about-pad-y) var(--about-pad-x);pointer-events:none;position:absolute}.about-echo{box-shadow:var(--shadow-page-float);color:#5c7ba6;white-space:nowrap;background:#fff;border:1px solid #d7e2f4;border-radius:999px;padding:8px 15px;font-size:12.5px;font-weight:500;position:absolute}.e1{top:10%;right:8px;transform:rotate(2.5deg)}.e2{top:43%;right:40px;transform:rotate(-2deg)}.e3{top:76%;right:0;transform:rotate(1.5deg)}.about h2{font-family:var(--font-display);letter-spacing:-.028em;text-wrap:balance;word-break:keep-all;font-size:clamp(26px,3.4vw,42px);font-weight:600;line-height:1.22}.about-lead{color:var(--ink);text-wrap:pretty;word-break:keep-all;max-width:30ch;margin-top:30px;font-size:clamp(18px,2vw,23px);line-height:1.62}.about-body{color:var(--ink-soft);columns:2;word-break:keep-all;column-gap:46px;max-width:62ch;margin-top:34px}.about-body p{break-inside:avoid;text-wrap:pretty;margin-bottom:18px;line-height:1.75}.about-aside{color:var(--muted);letter-spacing:-.01em;transform-origin:0;text-wrap:pretty;word-break:keep-all;margin-top:40px;font-size:14.5px;line-height:1.6;position:relative;transform:rotate(-1.2deg)}.about-aside span{padding-left:18px;display:inline-block;position:relative}.about-aside span:before{content:"";background:#c3d3ea;width:10px;height:1px;position:absolute;top:.75em;left:0}@media (min-width:901px){.about h2{margin-left:-2px}.about-lead{max-width:34ch;margin-left:18px}.about-body{columns:auto;max-width:none}.about-body p{max-width:52ch}.about-body p:first-child{max-width:48ch;margin-left:0}.about-body p:nth-child(2){margin-top:26px;margin-left:92px}.about-body p:nth-child(3){max-width:50ch;margin-top:26px;margin-left:38px}.about-aside{margin-left:120px}.e1{top:6%;right:4%}.e2{top:38%;right:10%}.e3{top:68%;right:2%}}@media (max-width:900px){.about-body,.about-lead{max-width:calc(100% - 186px)}.about-body{columns:1}.about h2{max-width:calc(100% - 160px)}.about-echo{padding:6px 11px;font-size:11px}.e1{top:9%;right:6px}.e2{top:42%;right:30px}.e3{top:73%;right:0}}@media (max-width:560px){.about-body,.about h2{max-width:none}.about-lead{max-width:30ch}.about-echoes{flex-wrap:wrap;gap:10px 12px;margin-bottom:30px;padding-block:4px 10px;display:flex;position:static;inset:auto}.about-echo{position:static;inset:auto}.e1{transform:rotate(-2deg)translateY(3px)}.e2{transform:rotate(1.5deg)translateY(-4px)}.e3{transform:rotate(-1deg)translateY(5px)}}.chapter{border-top:1px solid var(--line);padding-block:clamp(52px,7vw,88px)}.chapter-head{max-width:58ch}.chapter-chip{background:rgba(var(--app-color-brand-rgb), .07);box-shadow:0 1px 2px rgba(var(--app-color-brand-rgb), .1), 0 4px 10px rgba(var(--app-color-brand-rgb), .08);color:var(--app-color-brand-700);font-size:var(--app-font-xs);height:var(--app-size-tab-height);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:0 11px;font-weight:600;display:inline-flex}.chapter-chip svg{color:var(--muted);width:13px;height:13px}.chapter-head h2{font-family:var(--font-display);word-break:keep-all;letter-spacing:-.028em;text-wrap:balance;font-size:clamp(26px,3.4vw,40px);font-weight:600;line-height:1.2}.chapter-lead{color:var(--ink-soft);text-wrap:pretty;word-break:keep-all;margin-top:14px;font-size:clamp(15px,1.35vw,17px);line-height:1.68}.chapter-stage{margin-top:clamp(26px,3.5vw,40px);position:relative}.chapter-top{justify-content:space-between;align-items:start;gap:24px;display:flex}.more-link{border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;margin-top:0;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .14s,border-color .14s;display:inline-flex}.more-link:hover{border-color:var(--muted);background:#f7f6f3}.more-link svg{width:15px;height:15px;transition:transform .16s}.more-link:hover svg{transform:translate(2px,-2px)}@media (max-width:640px){.chapter-top{grid-template-columns:minmax(0,1fr) auto;gap:0 16px;display:grid}.chapter-head{display:contents}.chapter-chip{grid-area:1/1;place-self:start;margin-bottom:0}.chapter-top .more-link{grid-area:1/2}.chapter-head h2{grid-area:2/1/auto/-1;margin-top:18px}.chapter-lead{grid-area:3/1/auto/-1}}.detail-hero{padding-block:clamp(44px,6vw,76px) clamp(28px,3vw,40px)}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:22px;font-size:13px;font-weight:500;display:inline-flex}.detail-hero>.back-link{width:fit-content;display:flex}.back-link:hover{color:var(--ink)}.back-link svg{width:14px;height:14px}.detail-hero h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;word-break:keep-all;max-width:20ch;font-size:clamp(28px,4.2vw,46px);font-weight:600;line-height:1.16}.detail-lead{color:var(--ink-soft);text-wrap:pretty;word-break:keep-all;max-width:56ch;margin-top:18px;font-size:clamp(15px,1.4vw,18px);line-height:1.68}.detail-section{border-top:1px solid var(--line);padding-block:clamp(40px,5vw,64px)}.detail-section-label{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}.detail-section>h2{font-family:var(--font-display);letter-spacing:-.024em;text-wrap:balance;word-break:keep-all;max-width:24ch;font-size:clamp(22px,2.6vw,30px);font-weight:600;line-height:1.25}.detail-section>p{color:var(--ink-soft);text-wrap:pretty;word-break:keep-all;max-width:62ch;margin-top:12px;line-height:1.7}.detail-feature{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(20px,3vw,40px);padding-block:clamp(28px,3.5vw,44px);display:grid}.detail-feature:first-of-type{border-top:0}.detail-feature>div>h3{letter-spacing:-.018em;font-size:19px;font-weight:600;line-height:1.35}.detail-feature>div>p:not(.detail-feature-note){color:var(--ink-soft);margin-top:10px;font-size:15px;line-height:1.7}.detail-feature-note{color:var(--muted);margin-top:12px;font-size:13px}@media (max-width:860px){.detail-feature{grid-template-columns:minmax(0,1fr)}}.download-cta{border-top:1px solid var(--line);padding-block:clamp(52px,7vw,92px)}.download-cta .hero-actions{justify-content:flex-start}.download-cta>h2{font-family:var(--font-display);letter-spacing:-.028em;text-wrap:balance;word-break:keep-all;max-width:none;font-size:clamp(26px,3.4vw,40px);font-weight:600;line-height:1.2}.download-cta>p{color:var(--ink-soft);text-wrap:pretty;word-break:keep-all;max-width:44ch;margin-top:14px}.site-footer{border-top:1px solid var(--line);padding-block:40px 56px}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.footer-slogan{color:var(--muted);margin-top:12px;font-size:14px}.footer-copyright{color:var(--muted);margin-top:20px;font-size:13px}.footer-info-side{flex-wrap:wrap;gap:40px;display:flex}.footer-col-title{color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:600}.footer-links{flex-direction:column;gap:8px;display:flex}.footer-links a,.footer-email{color:var(--ink-soft);font-size:14px}.footer-links a:hover,.footer-email:hover{color:var(--ink);text-decoration:underline}@media (max-width:640px){.hero-mobile-title-break{display:block}.site-header{padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));gap:12px}.site-header .brand{gap:0}.site-header .brand>span,.nav-links,.site-header>.lang-switch,.desktop-header-cta{display:none}.mobile-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.mobile-header-cta{padding:10px 13px}.mobile-menu{position:static}.mobile-menu-trigger{border-radius:var(--radius-sm);color:var(--ink-soft);background:#ffffff80;border:1px solid #14141312;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .14s,border-color .14s,transform .1s;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.mobile-menu-trigger:hover,.mobile-menu-trigger[aria-expanded=true]{color:var(--ink);background:#ffffffe6;border-color:#14141321}.mobile-menu-trigger:active{transform:scale(var(--press-scale))}.mobile-menu-dropdown{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-page-menu);opacity:0;pointer-events:none;max-height:calc(100dvh - 80px);right:max(16px, env(safe-area-inset-right));top:calc(69px + env(safe-area-inset-top));visibility:hidden;z-index:100;background:#fffffff5;border:1px solid #14141312;border-radius:18px;gap:2px;width:min(360px,100vw - 32px);padding:14px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;display:grid;position:fixed;overflow-y:auto;transform:translateY(-4px)}.mobile-menu-dropdown.forced{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.mobile-menu-dropdown .nav-menu-heading{margin-top:6px;padding-left:10px}.mobile-menu-about{border-bottom:1px solid var(--line-soft);align-items:center;min-height:44px;padding:9px 10px 12px;font-size:15px;font-weight:600;display:flex}.mobile-menu-language{justify-self:start;margin-top:8px}.mobile-menu-downloads{border-top:1px solid var(--line-soft);margin-top:8px;padding-top:8px}.mobile-menu-downloads .hero-actions{flex-wrap:nowrap;gap:6px;width:100%;margin-top:0}.mobile-menu-downloads .download-btn{flex:1 1 0;width:auto;min-width:0}.hero-actions{flex-wrap:nowrap;gap:8px;width:100%}.download-btn{flex:0 0 106px;gap:2px;width:106px;min-width:0;padding-inline:3px}.download-btn svg{width:16px;height:16px}.download-btn-copy strong{letter-spacing:-.4px;font-size:12px}.download-btn-copy span{font-size:8px}}@media (max-width:360px){.download-cta>h2{font-size:22px}.download-cta>p{font-size:14px}.download-btn{flex-direction:column;flex:1 1 0;gap:1px;width:auto;height:64px;padding:6px 4px}.download-btn-copy{align-items:center}.download-btn-copy span{font-size:8px}.download-btn svg{width:16px;height:16px}}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.feature-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.feature-grid.tone-blue{--feature-card-tint:#e3f0fd;--feature-stage-tint:#d9eafb}.feature-grid.tone-green{--feature-card-tint:#e6f4ea;--feature-stage-tint:#ffffff7a}.feature-grid.tone-amber{--feature-card-tint:#fdf1dd;--feature-stage-tint:#ffffff7a}.feature-grid.tone-clay{--feature-card-tint:#fbebe5;--feature-stage-tint:#ffffff7a}.feature-grid[class*=tone-] .feature-card{background:var(--feature-card-tint)}.feature-grid[class*=tone-] .feature-card-stage{background:var(--feature-stage-tint)}.feature-grid[class*=tone-] .feature-card-body{background:var(--paper-strong)}.feature-card-stage{background:var(--paper-soft);border-bottom:1px solid var(--line-soft);flex:none;justify-content:center;align-items:center;height:268px;display:flex;position:relative;overflow:hidden}.feature-piece{position:absolute}.feature-card-body{flex:1;padding:22px 24px 26px}.feature-card-body h3{font-family:var(--font-display);letter-spacing:-.018em;text-wrap:balance;word-break:keep-all;font-size:19px;font-weight:600;line-height:1.35}.feature-card-body p{color:var(--ink-soft);text-wrap:pretty;word-break:keep-all;margin-top:9px;font-size:15px;line-height:1.7}.feature-card-note{color:var(--muted);margin-top:10px;font-size:13px}@media (max-width:820px){.feature-grid{grid-template-columns:minmax(0,1fr)}.feature-card-stage{height:230px}}.feature-piece{transform:translate(calc(var(--piece-x,0px) * var(--feature-piece-scale,1)), calc(var(--piece-y,0px) * var(--feature-piece-scale,1))) rotate(var(--piece-rotate,0deg)) scale(calc(var(--piece-scale,1) * var(--feature-piece-scale,1)));transform-origin:50%;line-height:normal}.feature-piece .piece-card{background:var(--paper-strong);border:1px solid var(--line);box-shadow:var(--shadow-page-feature-piece);border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.feature-piece .piece-card-flush{padding:8px}.preview-piece-large{height:420px}.preview-piece-large .preview-panel{height:100%}.feature-card-preview .feature-card-stage{align-items:flex-start;height:360px}.feature-card-preview .feature-piece{margin-left:-220px;top:18px;left:50%}.productivity-details>.feature-grid>.feature-card:nth-child(2) .feature-card-stage{height:360px}@media (max-width:820px){.feature-card-preview .feature-card-stage,.productivity-details>.feature-grid>.feature-card:nth-child(2) .feature-card-stage{height:320px}.feature-card-preview .preview-piece-large{height:380px}}@media (max-width:1100px){.feature-piece{--feature-piece-scale:.9}}@media (max-width:820px){.feature-piece{--feature-piece-scale:.78}}@media (max-width:560px){.feature-piece{--feature-piece-scale:.66}}.feature-piece .piece-rail{background:var(--app-color-chrome-bg);border:1px solid var(--line);box-shadow:var(--shadow-page-feature-piece);border-radius:12px;padding:10px 8px;overflow:hidden}.feature-piece .topic-folder-label,.feature-piece .topic-folder-count{font-weight:var(--app-weight-regular)}.feature-piece .topic-folder-memos .memo-row strong{font-weight:var(--app-weight-semibold)}.feature-piece .piece-line{color:var(--app-color-text);font-family:var(--app-font-ui);letter-spacing:-.015em;font-size:15px;line-height:1.6}.feature-piece .piece-label{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:600}.feature-piece .topic-chip-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.feature-piece .topic-chip-row span{background:var(--app-color-bg-muted);border:1px solid var(--app-color-border);color:var(--app-color-text-soft);font-family:var(--app-font-ui);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.feature-piece .shortcut-list{flex-direction:column;display:flex}.feature-piece .shortcut-row{font-family:var(--app-font-ui);justify-content:space-between;align-items:center;padding:9px 2px;font-size:13px;display:flex}.feature-piece .shortcut-row+.shortcut-row{border-top:1px solid var(--app-color-border-soft)}.feature-piece .shortcut-row kbd{background:var(--app-color-bg-muted);border:1px solid var(--app-color-border);color:var(--app-color-text-soft);border-radius:999px;padding:3px 9px;font-family:inherit;font-size:11px;font-weight:600}.feature-piece .piece-drop-preview{margin-top:6px;position:static}.feature-piece .calendar-schedule-flow{grid-template-columns:minmax(0,1fr) 196px;align-items:stretch;gap:10px;display:grid}.feature-piece .calendar-schedule-flow .cal-fragment,.feature-piece .calendar-schedule-flow .schedule-inbox-panel{min-width:0}.feature-piece .calendar-preview-flow{grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:10px;display:grid}.feature-piece .calendar-preview-flow .cal-fragment,.feature-piece .calendar-preview-flow .preview-panel{min-width:0}.feature-piece .monthly-report-mock{--report-activity-1:#edf3eb;--report-activity-2:#d6e8d2;--report-activity-3:#9fc99d;--report-activity-4:#5d9c65;background:var(--app-color-bg-paper);border:1px solid var(--app-color-border);box-shadow:var(--shadow-page-feature-piece);color:var(--app-color-text);font-family:var(--app-font-ui);border-radius:14px;padding:14px 16px 15px}.feature-piece .monthly-report-mock-header{text-align:center;grid-template-columns:24px 1fr 24px;align-items:center;margin-bottom:8px;display:grid}.feature-piece .monthly-report-mock-header strong{font-size:14px;font-weight:700}.feature-piece .monthly-report-mock-nav{color:var(--app-color-text-soft);font-size:24px;font-weight:300;line-height:16px}.feature-piece .monthly-report-mock-heatmap{grid-template-columns:repeat(7,25px);justify-content:center;gap:4px;display:grid}.feature-piece .monthly-report-mock-weekday{color:var(--app-color-text-soft);text-align:center;font-size:9px;line-height:12px}.feature-piece .monthly-report-mock-cell{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--app-color-border-soft);background:0 0;border-radius:3px;width:25px}.feature-piece .monthly-report-mock-cell[data-level="1"]{background:var(--report-activity-1);box-shadow:none}.feature-piece .monthly-report-mock-cell[data-level="2"]{background:var(--report-activity-2);box-shadow:none}.feature-piece .monthly-report-mock-cell[data-level="3"]{background:var(--report-activity-3);box-shadow:none}.feature-piece .monthly-report-mock-cell[data-level="4"]{background:var(--report-activity-4);box-shadow:none}.feature-piece .monthly-report-mock-stats{border-top:1px solid var(--app-color-border-soft);text-align:center;grid-template-columns:repeat(3,1fr);margin-top:10px;padding-top:9px;display:grid}.feature-piece .monthly-report-mock-stats>div+div{border-left:1px solid var(--app-color-border-soft)}.feature-piece .monthly-report-mock-stats strong{font-variant-numeric:tabular-nums;font-size:20px;line-height:1;display:block}.feature-piece .monthly-report-mock-stats strong span{color:var(--app-color-text-soft);margin-left:2px;font-size:10px;font-weight:600}.feature-piece .monthly-report-mock-stats p{color:var(--app-color-text-soft);margin:6px 0 0;font-size:10px}.feature-piece .calendar-todo-mock{background:var(--app-color-bg-surface);border-left:1px solid var(--app-color-border);box-shadow:var(--shadow-page-feature-piece);color:var(--app-color-text);flex-direction:column;min-height:176px;padding:16px 14px;display:flex}.feature-piece .calendar-todo-mock-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.feature-piece .calendar-todo-mock-date{font-family:var(--app-font-ui);font-size:14px;font-weight:600}.feature-piece .calendar-todo-mock-list{flex-direction:column;flex:1;gap:2px;display:flex}.feature-piece .calendar-todo-mock-item{align-items:center;gap:8px;min-width:0;padding:6px 4px;display:flex}.feature-piece .calendar-todo-mock-item.completed{opacity:.55}.feature-piece .calendar-todo-mock-check{border:1.5px solid var(--app-color-action-secondary-border);color:var(--app-color-bg-canvas);background:0 0;border-radius:5px;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}.feature-piece .calendar-todo-mock-item.completed .calendar-todo-mock-check{background:var(--app-color-muted);border-color:var(--app-color-muted)}.feature-piece .calendar-todo-mock-title{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.feature-piece .calendar-todo-mock-time{color:var(--app-color-muted-soft);font-family:var(--app-font-ui);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.feature-piece .calendar-todo-mock-text{color:var(--app-color-text);font-family:var(--app-font-ui);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.feature-piece .calendar-todo-mock-item.completed .calendar-todo-mock-text{text-decoration:line-through}.feature-piece .topic-graph-piece{background:var(--feature-stage-tint);box-shadow:none;border:0;border-radius:12px;padding:8px;overflow:hidden}.feature-piece .topic-graph-piece svg{display:block}
