:root{--radius-card:22px;--radius-control:12px;--radius-inner:14px;--radius-pill:22px;--control-h:44px;--row-h:48px;--bg:#e7e5e1;--surface:#f1efeb;--surface-sunken:#dcd9d4;--segment-active:#f1efeb;--text:#34332f;--text-sub:#57554f;--text-muted:#67655f;--border:#b9b6af;--divider:#d3d0ca;--primary:#5a5955;--on-primary:#f4f2ee;--inverse-bg:#34332f;--inverse-text:#f1efeb;--inverse-track:#57554f;--shadow-card:0 8px 20px #00000014;--shadow-small:0 2px 6px #0000001a;--shadow-nav:0 -4px 14px #0000000f;--img-filter:none;--accent-bg:var(--segment-active);--accent-text:var(--text);--primary-bg:var(--primary);--primary-text:var(--on-primary);--alert:var(--text);--alert-bg:var(--surface-sunken);--danger:var(--text);--danger-bg:var(--primary);--danger-on:var(--on-primary);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1c1c1a;--surface:#262624;--surface-sunken:#2f2f2c;--segment-active:#3e3d3a;--text:#e7e5e1;--text-sub:#b5b2ac;--text-muted:#a6a39d;--border:#4a4945;--divider:#3a3936;--primary:#d9d6d0;--on-primary:#1c1c1a;--inverse-bg:#e7e5e1;--inverse-text:#1c1c1a;--inverse-track:#b9b6af;--shadow-card:none;--shadow-small:none;--shadow-nav:none;--img-filter:invert(1) hue-rotate(180deg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}img.attached[data-invert=auto],img.attached[data-invert=invert]{filter:var(--img-filter)}.stack{flex-direction:column;gap:14px;display:flex}.panel{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px 20px}.panel-title{color:var(--text-muted);margin:0 0 10px;font-size:13px;font-weight:500}.muted{color:var(--text-muted);margin:0;font-size:14px}.plain-list{flex-direction:column;gap:8px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.list-menu{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:0;padding:0;list-style:none;overflow:hidden}.list-menu li+li{border-top:1px solid var(--divider)}.list-menu a{justify-content:space-between;align-items:center;min-height:56px;padding:0 20px;font-size:16px;text-decoration:none;display:flex}.list-menu a svg{color:var(--text-muted)}.segment button.segment-item{background:0 0;border:none}.segment button.segment-item.active{background:var(--accent-bg)}.btn{min-height:var(--control-h);border-radius:var(--radius-pill);border:1.5px solid var(--border);background:0 0;padding:0 18px;font-size:15px;font-weight:500}a.btn{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-bg);border-color:var(--primary-bg);color:var(--primary-text)}.btn:disabled{opacity:.4;cursor:default}.input{width:100%;min-height:var(--control-h);border-radius:var(--radius-control);border:1.5px solid var(--border);background:var(--bg);color:var(--text);font:inherit;padding:0 12px;font-size:16px}select.input{padding-right:8px}.form{flex-direction:column;gap:12px;display:flex}.form-label{color:var(--text-sub);flex-direction:column;gap:6px;font-size:14px;display:flex}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.form-actions.start{justify-content:flex-start;margin-top:12px}.form-error{color:var(--alert);margin:0;font-size:14px;font-weight:700}.form-note{margin-top:10px}.dialog{border-radius:var(--radius-card);background:var(--surface);width:min(420px,100% - 32px);max-height:calc(100dvh - 64px);color:var(--text);border:none;padding:0;box-shadow:0 12px 40px #00000040}.dialog::backdrop{background:#00000059}.dialog-body{flex-direction:column;gap:14px;padding:20px;display:flex}.dialog-title{word-break:keep-all;margin:0;font-size:17px;font-weight:700}.action-list{border-radius:var(--radius-inner);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.action-list>button,.action-pair>button{min-height:var(--row-h);text-align:left;background:0 0;border:none;padding:0 16px;font-size:16px}.action-list>*+*{border-top:1px solid var(--divider)}.action-pair{grid-template-columns:1fr 1fr;display:grid}.action-pair>button+button{border-left:1px solid var(--divider)}.action-list button:disabled{opacity:.4;cursor:default}.action-list .danger{color:var(--danger);font-weight:700}.btn-danger{background:var(--danger-bg);border-color:var(--danger-bg);color:var(--danger-on)}.tree-panel{padding:18px 8px 8px}.tree-panel .panel-title{padding:0 12px}.tree-row{min-height:var(--row-h);border-top:1px solid var(--divider);align-items:center;padding-left:4px;display:flex}.tree-name{min-width:0;min-height:var(--row-h);text-align:left;background:0 0;border:none;flex-wrap:wrap;flex:1;align-items:center;gap:4px 10px;padding:6px 8px;font-size:15px;display:flex}.tree-name strong{font-weight:700}.tree-caret{color:var(--text-muted);transition:transform .15s;display:inline-flex}.tree-caret.open{transform:rotate(90deg)}.tree-meta{color:var(--text-muted);font-size:12px}.tree-menu{width:var(--control-h);height:var(--control-h);color:var(--text-muted);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.tree-add{width:100%;min-height:var(--control-h);border:none;border-top:1px solid var(--divider);text-align:left;color:var(--text-sub);background:0 0;padding:0 12px;font-size:14px}.import-preview{border-top:1px solid var(--divider);margin-top:14px;padding-top:14px;font-size:15px}.import-preview>p{margin:0 0 10px}.preview-list{max-height:260px;color:var(--text-sub);font-size:14px;overflow-y:auto}.notice{border-radius:var(--radius-inner);background:var(--alert-bg);color:var(--alert);margin:0;padding:12px 16px;font-size:14px}.choice-list{flex-direction:column;gap:10px;display:flex}.choice{align-items:center;gap:10px;min-height:32px;font-size:15px;display:flex}.choice input{width:18px;height:18px;accent-color:var(--primary-bg)}.unknown-fields{border-bottom:1px solid var(--divider);flex-direction:column;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.unknown-fields>p{margin:0}.dialog.dialog-wide{width:min(640px,100% - 32px)}.textarea{resize:vertical;min-height:0;padding:10px 12px;line-height:1.5}.strong{font-weight:700}.btn-left{margin-right:auto}.scope-btn{width:100%;min-height:var(--control-h);border:1.5px solid var(--border);border-radius:var(--radius-control);background:var(--bg);text-align:left;align-items:center;gap:10px;padding:0 14px;font-size:15px;display:flex}.scope-btn-label{color:var(--text-muted);font-size:13px}.scope-btn-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.scope-tree{border-radius:var(--radius-inner);background:var(--bg);max-height:46dvh;padding:4px 0;overflow-y:auto}.scope-area+.scope-area{border-top:1px solid var(--divider)}.scope-row{min-height:var(--control-h);justify-content:space-between;align-items:center;padding:0 4px 0 8px;display:flex}.scope-section .panel-title{margin-bottom:8px}.scope-name{gap:8px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-pill);border:1.5px solid var(--border);background:0 0;align-items:center;min-height:36px;font-size:14px;display:inline-flex;overflow:hidden}.chip>button{background:0 0;border:none;min-height:34px;padding:0 12px;font-size:14px}.chip .chip-x{color:var(--text-muted);padding:0 10px 0 2px}.chip-toggle{padding:0 12px}.chip-toggle.on{background:var(--primary-bg);border-color:var(--primary-bg);color:var(--primary-text)}.scope-row.choice{justify-content:flex-start}.image-field{grid-template-columns:1fr auto;gap:8px;display:grid}.image-paste{min-height:var(--control-h);resize:none;caret-color:#0000;border-style:dashed;padding:11px 12px}.image-pick{color:var(--text);cursor:pointer;align-items:center;display:inline-flex}.image-error,.image-thumbs{grid-column:1/-1}.image-thumbs{flex-wrap:wrap;gap:8px;display:flex}.image-thumb{display:inline-flex;position:relative}.image-thumb img{object-fit:cover;border-radius:8px;width:auto;max-width:160px;height:88px}.image-thumb button{background:var(--inverse-bg);width:26px;height:26px;color:var(--inverse-text);border:none;border-radius:50%;font-size:15px;line-height:1;position:absolute;top:4px;right:4px}.rich{white-space:pre-wrap;overflow-wrap:anywhere}.rich .katex{white-space:normal;font-size:1.05em}.rich-display{display:block;overflow:auto hidden}.rich-smiles{white-space:normal;margin:4px 0;display:block}.rich-smiles svg{max-width:100%;height:auto;display:block}.rich-preview{border:1px dashed var(--border);border-radius:var(--radius-control);flex-direction:column;gap:4px;padding:10px 12px;font-size:15px;font-weight:400;line-height:1.6;display:flex}.rich-preview-label{font-size:12px}.image-thumb img.zoomable{cursor:zoom-in}.image-viewer img{object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:70dvh;display:block}.pre-line{white-space:pre-line}.backup-band{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.backup-band a{color:inherit;flex:none;font-weight:700}.error-page{max-width:560px;padding:calc(40px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.error-title{margin:0 0 8px;font-size:20px}.error-detail{margin-top:16px}.error-detail pre{white-space:pre-wrap;word-break:break-all;background:var(--bg);-webkit-user-select:text;user-select:text;border-radius:8px;max-height:200px;margin:8px 0 0;padding:10px;font-size:12px;overflow:auto}.shell{min-height:100dvh}.tabbar{z-index:10;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow-nav);border-radius:24px 24px 0 0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.tabbar-item{min-height:var(--row-h);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex}.tabbar-item.active{color:var(--text);font-weight:700}.screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.screen-head{padding:calc(16px + env(safe-area-inset-top)) 20px 0;flex-direction:column;gap:16px;display:flex}.screen-title-row{justify-content:space-between;align-items:center;display:flex}.screen-title{align-items:center;gap:10px;min-width:0;display:flex}.screen-back{width:var(--control-h);height:var(--control-h);border:1.5px solid var(--border);color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.screen-back svg{transform:rotate(180deg)}.screen-title-row h1{margin:0;font-size:26px;font-weight:800}.icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-pill);border:1.5px solid var(--border);background:0 0;justify-content:center;align-items:center;display:flex}.segment{background:var(--surface-sunken);border-radius:var(--radius-pill);scrollbar-width:none;gap:4px;padding:4px;display:flex;overflow-x:auto}.segment-item{min-width:72px;height:36px;color:var(--text-sub);white-space:nowrap;border-radius:18px;flex:1 0 auto;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.segment-item.active{background:var(--accent-bg);color:var(--accent-text);box-shadow:var(--shadow-small);font-weight:700}.screen-body{padding:18px 20px 20px}@media (width>=768px){.shell{grid-template-columns:200px minmax(0,1fr);display:grid}.tabbar{height:100dvh;box-shadow:none;border-radius:0;flex-direction:column;gap:4px;padding:24px 12px;display:flex;position:sticky;top:0}.tabbar-item{border-radius:var(--radius-inner);flex-direction:row;justify-content:flex-start;gap:12px;padding:0 14px;font-size:15px}.tabbar-item.active{background:var(--surface-sunken)}.screen{padding-bottom:32px}.screen-head{padding-top:28px}.segment{align-self:flex-start}}.timer-fab{z-index:20;right:max(16px,50vw - 214px);bottom:calc(88px + env(safe-area-inset-bottom));background:var(--primary-bg);min-width:52px;height:52px;color:var(--primary-text);font-variant-numeric:tabular-nums;border:0;border-radius:26px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 4px 12px #0000002e}.timer-fab svg{width:22px;height:22px}.timer-sheet{z-index:30;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.timer-in{max-width:520px;padding:calc(16px + env(safe-area-inset-top)) 20px 40px;flex-direction:column;gap:16px;margin:0 auto;display:flex}.timer-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.timer-head h1{margin:0;font-size:26px;font-weight:800}.timer-head .panel-title{margin:0}.timer-panel{flex-direction:column;gap:10px;display:flex}.timer-clock{text-align:center;font-variant-numeric:tabular-nums;font-size:60px;font-weight:800;line-height:1.1}.timer-sub{text-align:center;color:var(--text-muted);min-height:21px;font-size:14px}.timer-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.timer-ask{background:var(--surface-sunken);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.timer-ask p{margin:0;font-weight:600}.timer-min{width:90px}.timer-rec{border-top:1px solid var(--divider);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;min-height:52px;font-size:14px;display:flex}.timer-rec-r{align-items:center;gap:6px;display:flex}.timer-rec-r .input{width:80px}.timer-note{margin-top:8px}@media (width>=768px){.timer-fab{bottom:24px;right:24px}}.list-menu-in{animation:.22s ease-out list-menu-in}@keyframes list-menu-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.list-menu-in{animation:none}}