@font-face{font-family:Paperlogy;font-weight:400;font-display:swap;src:url(./Paperlogy-4Regular-DxNoTLeD.woff2)format("woff2")}@font-face{font-family:Paperlogy;font-weight:500;font-display:swap;src:url(./Paperlogy-5Medium-DoJsLlIO.woff2)format("woff2")}@font-face{font-family:Paperlogy;font-weight:600;font-display:swap;src:url(./Paperlogy-6SemiBold-PNwXTx_7.woff2)format("woff2")}@font-face{font-family:Paperlogy;font-weight:700;font-display:swap;src:url(./Paperlogy-7Bold-j3Tla9qM.woff2)format("woff2")}:root{--font-ui:"Paperlogy", "Malgun Gothic", "맑은 고딕", system-ui, sans-serif;--r-panel:22px;--r-card:16px;--r-ctl:12px;--header-h:64px;--side-w:196px;--gap:12px}:root[data-theme=cream],:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efe9dc;--panel:#faf7f0;--board:#f8f4ea;--dots:#e6dcc7;--surface:#fff;--surface-2:#f4efe4;--line:#e6dfcf;--line-strong:#d6cdb8;--text:#29241d;--text-2:#6a6254;--btn-bg:#2b251d;--btn-text:#fbf7ee;--btn-bg-hover:#413828;--accent:#c05a12;--accent-ink:#84400a;--accent-soft:#f7e4d0;--danger:#b3392f;--ok:#3b8a5e;--shadow-1:0 1px 2px #3c2a0a0f;--shadow-2:0 10px 30px -8px #3c2a0a38;--shadow-note:0 1px 1px #3c2a0a1a, 0 12px 24px -10px #3c2a0a52}:root[data-theme=greige]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8e3d9;--panel:#f3efe7;--board:#efebe2;--dots:#d9d2c4;--surface:#faf8f3;--surface-2:#ece7dd;--line:#dcd5c7;--line-strong:#c9c1b0;--text:#2e2a24;--text-2:#675f53;--btn-bg:#352f27;--btn-text:#f7f4ed;--btn-bg-hover:#4a4237;--accent:#a8572b;--accent-ink:#784021;--accent-soft:#eddfd1;--danger:#a8443a;--ok:#4a8563;--shadow-1:0 1px 2px #3a30200f;--shadow-2:0 10px 30px -10px #3a302033;--shadow-note:0 1px 1px #3a30201a, 0 12px 24px -12px #3a30204d}:root[data-theme=blue]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e4ecf6;--panel:#f5f8fd;--board:#f1f6fc;--dots:#d3e0ef;--surface:#fff;--surface-2:#e9f0f9;--line:#d9e4f1;--line-strong:#c3d3e6;--text:#1f2d3d;--text-2:#55697e;--btn-bg:#1f3350;--btn-text:#f4f8fd;--btn-bg-hover:#2f4a6e;--accent:#2766ad;--accent-ink:#184a82;--accent-soft:#d8e7f8;--danger:#b3392f;--ok:#2c8a60;--shadow-1:0 1px 2px #19375f12;--shadow-2:0 10px 30px -8px #19375f40;--shadow-note:0 1px 1px #19375f1f, 0 12px 24px -10px #19375f57}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141210;--panel:#1d1b18;--board:#191714;--dots:#2b2823;--surface:#26231f;--surface-2:#2f2b26;--line:#36322b;--line-strong:#4a443a;--text:#f0e9dd;--text-2:#aaa193;--btn-bg:#f0e9dd;--btn-text:#1b1814;--btn-bg-hover:#fff;--accent:#f0a24a;--accent-ink:#f6bd7c;--accent-soft:#46341e;--danger:#f08277;--ok:#6dc294;--shadow-1:0 1px 2px #0006;--shadow-2:0 12px 32px -8px #0009;--shadow-note:0 1px 1px #00000080, 0 12px 24px -10px #000000b3}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);word-break:keep-all;overflow-wrap:break-word;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.skip{background:var(--btn-bg);color:var(--btn-text);z-index:99999;padding:8px 12px;position:absolute;top:0;left:-999px}.skip:focus{top:8px;left:8px}.splash{height:100%;color:var(--text-2);place-items:center;font-size:18px;display:grid}.muted{color:var(--text-2)}.small{font-size:13px}.pad{padding:10px 12px}.eyebrow{letter-spacing:.03em;color:var(--text-2);font-size:12px;font-weight:600}.btn{border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface);min-height:38px;box-shadow:var(--shadow-1);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 15px;font-weight:500;transition:background .15s,transform 50ms,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{border-radius:10px;min-height:30px;padding:0 11px;font-size:13px}.btn.full{width:100%}.btn.primary{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-text);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--btn-bg-hover)}.btn.primary.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-text{color:var(--danger)}.icon-btn{width:36px;height:36px;color:inherit;opacity:.75;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;transition:background .15s,opacity .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:color-mix(in srgb, var(--text) 9%, transparent);opacity:1}.icon-btn.active{background:var(--accent-soft);color:var(--accent-ink);opacity:1}.icon-btn.tiny{border-radius:8px;width:28px;height:28px}.icon-btn:disabled{opacity:.3;cursor:default}input[type=text],input:not([type]),input[type=date],input[type=time],input[type=datetime-local],select,textarea{border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface);min-height:40px;padding:8px 12px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.app{gap:0 var(--gap);height:100%;padding:0 var(--gap) var(--gap);grid-template-columns:var(--side-w) minmax(0, 1fr) 316px;grid-template-rows:var(--header-h) auto minmax(0, 1fr);grid-template-areas:"head head head""banner banner banner""side main right";display:grid}.app:not(.view-board){grid-template-columns:var(--side-w) minmax(0, 1fr);grid-template-areas:"head head""banner banner""side main"}.app-header{grid-area:head;align-items:center;gap:14px;padding:0 6px;display:flex}.brand{min-width:0;width:calc(var(--side-w) - 6px);align-items:center;gap:11px;display:flex}.brand h1{white-space:nowrap;letter-spacing:-.01em;font-size:17px;font-weight:700;line-height:1.15}.brand h1 span{color:var(--text-2);letter-spacing:.02em;font-size:12px;font-weight:500;display:block}.logo{width:34px;height:34px;box-shadow:var(--shadow-1), inset 0 0 0 1px #0000000f;background:linear-gradient(145deg,#ffe27a,#ffc94a);border-radius:11px;flex:none;position:relative}.logo i{background:#00000029;border-radius:9px 0 11px;width:12px;height:12px;position:absolute;bottom:0;right:0}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.save-status{color:var(--text-2);text-align:right;min-width:70px;font-size:12.5px}.save-status.error{color:var(--danger);font-weight:600}.banner{margin-bottom:var(--gap);border-radius:var(--r-ctl);grid-area:banner;padding:9px 16px;font-size:14px}.banner.warn{color:#5b3a05;background:#fbe9c8}:root[data-theme=dark] .banner.warn{color:#ffe2ab;background:#4a3a1c}.sidebar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow-1);flex-direction:column;grid-area:side;align-self:start;gap:3px;padding:10px;display:flex;overflow:auto}.sidebar button{min-height:44px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:11px;padding:0 12px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.sidebar button:hover{background:var(--surface-2);color:var(--text)}.sidebar button.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.sidebar button b{background:var(--btn-bg);min-width:22px;color:var(--btn-text);text-align:center;border-radius:11px;margin-left:auto;padding:1px 7px;font-size:11.5px}.content{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);min-width:0;min-height:0;box-shadow:var(--shadow-1);grid-area:main;position:relative;overflow:auto}.right-wrap{grid-area:right;min-height:0;margin-right:-4px;padding-right:4px;overflow:auto}.content.private,.right-wrap.private{filter:blur(14px);pointer-events:none;-webkit-user-select:none;user-select:none}.privacy-cover{inset:calc(var(--header-h) + 0px) var(--gap) var(--gap) calc(var(--gap) * 2 + var(--side-w));z-index:5000;border-radius:var(--r-panel);background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed}.search{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);width:min(340px,30vw);color:var(--text-2);border-radius:999px;flex:0 340px;align-items:center;gap:8px;padding:0 14px;display:flex;position:relative}.search input{min-width:0;min-height:38px;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.popover{z-index:3000;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-2);border-radius:16px;position:absolute}.search-results{max-height:360px;padding:6px;top:46px;left:0;right:0;overflow:auto}.search-results button{text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:8px 10px;display:block}.search-results button:hover{background:var(--surface-2)}.search-results b{background:var(--accent-soft);color:var(--accent-ink);border-radius:7px;margin-right:6px;padding:0 7px;font-size:12px;display:inline-block}.menu-anchor{position:relative}.add-menu{width:190px;padding:6px;top:44px;right:0}.add-menu.wide{width:270px}.menu-item{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:38px;padding:0 11px;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--danger)}.menu-item.stack{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:8px 11px}.menu-item.stack small{color:var(--text-2);font-size:12.5px}.pop-note{color:var(--text-2);border-top:1px solid var(--line);margin-top:4px;padding:8px 11px 6px;font-size:12.5px}.board-scroll{border-radius:var(--r-panel);background-color:var(--board);background-image:radial-gradient(var(--dots) 1.3px, transparent 1.3px);background-size:26px 26px;position:absolute;inset:0;overflow:auto}.board-canvas{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.board-canvas textarea,.board-canvas input{-webkit-user-select:text;user-select:text}.board-empty{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.group-label{z-index:1;border:1px solid var(--line-strong);background:var(--surface);color:var(--text-2);box-shadow:var(--shadow-1);pointer-events:none;border-radius:999px;padding:2px 12px;font-size:12.5px;font-weight:600;animation:.3s ease-out fade-in;position:absolute}.snap-guide{z-index:999998;pointer-events:none;position:absolute}.snap-guide.x{border-left:1.5px dashed var(--accent);width:0}.snap-guide.y{border-top:1.5px dashed var(--accent);height:0}@keyframes fade-in{0%{opacity:0;transform:translateY(-3px)}}.wf{border-radius:var(--r-card);box-shadow:var(--shadow-note);flex-direction:column;transition:box-shadow .15s;display:flex;position:absolute}.wf.dragging{box-shadow:0 22px 44px -12px #281c0873}.wf-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--r-card) var(--r-card) 0 0;align-items:center;gap:4px;min-height:42px;padding:3px 6px;display:flex}.wf-head.locked{cursor:default}.wf.dragging .wf-head{cursor:grabbing}.wf-title{flex:1;padding-left:2px;font-size:15px;font-weight:700}.wf-body{border-radius:0 0 var(--r-card) var(--r-card);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.wf-resize{cursor:nwse-resize;touch-action:none;border-radius:0 0 var(--r-card) 0;opacity:.7;background:linear-gradient(135deg,#0000 56%,#00000042 56% 62%,#0000 62% 74%,#00000042 74% 80%,#0000 80%);width:24px;height:24px;position:absolute;bottom:0;right:0}.wf:hover .wf-resize{opacity:1}.wf.panel-card{background:color-mix(in srgb, var(--surface) var(--card-alpha,100%), transparent);border:1px solid color-mix(in srgb, var(--line) var(--card-alpha,100%), transparent);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.opacity-pop{width:200px;color:var(--text);cursor:default;flex-direction:column;gap:6px;padding:12px 14px;font-size:13px;display:flex;top:38px;right:0}.opacity-pop input[type=range]{width:100%;accent-color:var(--accent)}.opacity-pop small{color:var(--text-2)}.window-mode .opacity-pop{position:fixed;top:46px;right:6px}.wf.panel-card .wf-head{color:var(--text)}.wf.panel-card .wf-body{padding:0 14px 14px}.wf.note{--ink:#34301f;color:var(--ink);background:linear-gradient(180deg, #fff6, #fff0 38%), color-mix(in srgb, var(--note) var(--note-alpha), transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:var(--shadow-note), inset 0 0 0 1px #3c2a0a0f}.wf.note .icon-btn:hover:not(:disabled){background:#00000017}.wf.note.flash{animation:1.1s ease-out flash}@keyframes flash{0%{box-shadow:0 0 0 6px var(--accent);transform:scale(.94)}to{transform:none}}input.note-title{min-width:0;min-height:30px;color:var(--ink);outline-offset:0;background:0 0;border:0;border-radius:6px;flex:1;padding:0 4px;font-size:1em;font-weight:700}.note-title::placeholder,.note-text::placeholder{color:#34301f80}.star.on{color:#bd6f00;opacity:1}.wf.note .wf-head{min-height:46px;padding:6px 6px 4px 2px}.grip{opacity:.4;cursor:grab;flex:none;place-items:center;width:22px;height:34px;display:grid}.wf-head:hover .grip{opacity:.85}.chip-mini{opacity:.7;place-items:center;width:22px;height:22px;display:inline-grid}.note-text{resize:none;width:100%;min-height:40px;color:var(--ink);background:0 0;border:0;border-radius:0;flex:60px;padding:2px 15px 6px;font-size:1em;line-height:1.55}.note-text:focus-visible,.ck-text:focus-visible,.note-title:focus-visible{outline-offset:-2px}.checklist{margin:0;padding:0 10px 2px 13px;list-style:none}.checklist li{align-items:center;gap:7px;min-height:30px;display:flex}.checklist li.done .ck-text{opacity:.5;text-decoration:line-through}input.ck-text{min-width:0;min-height:28px;color:var(--ink);background:0 0;border:0;border-radius:6px;flex:1;padding:2px 4px;font-size:1em}.checklist .icon-btn{opacity:0;color:var(--ink)}.checklist li:hover .icon-btn,.checklist .icon-btn:focus-visible{opacity:.7}.add-ck{color:var(--ink);opacity:.55;background:0 0;border:0;border-radius:8px;align-self:flex-start;margin:0 8px 8px 12px;padding:4px 9px;font-size:13px}.add-ck:hover{opacity:1;background:#00000012}.note-menu{width:296px;color:var(--text);cursor:default;padding:14px;top:40px;right:0}.pop-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pop-label{width:62px;color:var(--text-2);flex:none;font-size:13px}.pop-row input[type=range]{min-width:90px;accent-color:var(--accent);flex:1}.pop-row input[type=datetime-local]{flex:1;min-width:0;min-height:34px;padding:4px 8px;font-size:13px}.pop-actions{border-top:1px solid var(--line);margin-top:4px;padding-top:6px}.stepper{align-items:center;gap:8px;display:flex}.stepper output{text-align:center;min-width:26px;font-weight:700}.swatches{flex-wrap:wrap;gap:7px;display:flex}.swatch{border:0;border-radius:50%;padding:0;transition:transform .1s;box-shadow:inset 0 0 0 1.5px #00000029}.swatch:hover{transform:scale(1.12)}.swatch.on{outline:2px solid var(--text);outline-offset:2px}.empty{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:6px;padding:26px 16px;display:flex}.empty strong{color:var(--text);font-size:15.5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-1);padding:16px}.card h2{letter-spacing:.03em;color:var(--text-2);margin-bottom:12px;font-size:12.5px;font-weight:600}.card h3{margin:20px 0 6px;font-size:14px}.card-title{justify-content:space-between;align-items:center;display:flex}.card-title h2{margin:0 0 8px}.right-panel{gap:var(--gap);flex-direction:column;min-width:0;padding:0 0 4px;display:flex}.page{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;padding:28px 30px 64px;display:flex}.page.settings{max-width:780px}.page-head{align-items:center;gap:14px;display:flex}.page-head.wrap{flex-wrap:wrap}.page-head h1{letter-spacing:-.02em;margin-right:auto;font-size:26px}.note-info{border-radius:var(--r-ctl);background:var(--accent-soft);color:var(--accent-ink);padding:11px 15px;font-size:14px}.hint{color:var(--text-2);font-size:13px}.form-error{color:var(--danger);font-size:14px;font-weight:500}.btn-row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.today-card{background:linear-gradient(160deg, color-mix(in srgb, var(--accent-soft) 70%, var(--surface)), var(--surface) 70%);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:18px;display:grid}.today-date{flex-direction:column;line-height:1.1;display:flex}.today-date strong{letter-spacing:-.03em;margin:2px 0;font-size:44px;font-weight:700}.today-date span:last-child{color:var(--text-2);font-size:14px;font-weight:500}.ring{width:68px;height:68px;position:relative}.ring svg{transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:7px}.ring .bg{stroke:color-mix(in srgb, var(--text) 10%, transparent)}.ring .fg{stroke:var(--ok);stroke-linecap:round;transition:stroke-dashoffset .5s}.ring b{place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.today-facts{border-top:1px solid var(--line);flex-direction:column;grid-column:1/-1;gap:4px;margin:10px 0 0;padding:12px 0 0;font-size:13.5px;list-style:none;display:flex}.today-facts li{align-items:center;gap:8px;display:flex}.today-facts li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.todo-list{flex-direction:column;gap:3px;margin:8px 0 0;padding:0;list-style:none;display:flex}.todo-list.roomy{gap:8px}.list-sep{color:var(--text-2);padding:8px 2px 2px;font-size:12px;font-weight:600}.todo{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:7px 8px;transition:background .15s;display:flex;position:relative}.roomy .todo{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-1);padding:10px 12px}.todo:hover{background:var(--surface-2)}.todo.p-high{box-shadow:inset 3px 0 0 var(--danger)}.todo-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.todo-text{overflow-wrap:anywhere;width:fit-content;max-width:100%;position:relative}.todo-text:after{content:"";background:currentColor;width:0;height:2px;transition:width .35s;position:absolute;top:52%;left:0}.todo.done .todo-text{color:var(--text-2)}.todo.done .todo-text:after{width:100%}.todo-edit{width:100%;min-height:32px;padding:3px 8px}.todo-meta{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);border-radius:999px;padding:0 8px;font-size:12px}.tag.late{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);font-weight:600}.tag.rolled,.tag.repeat{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.check{border:1.8px solid var(--line-strong);background:var(--surface);color:#0000;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;padding:0;transition:background .2s,border-color .2s,color .2s;display:grid;position:relative}.check:hover{border-color:var(--accent)}.todo.done .check{background:var(--ok);border-color:var(--ok);color:#fff}.todo.burst .check{animation:.55s cubic-bezier(.3,1.6,.5,1) pop}@keyframes pop{0%{transform:scale(.7)}55%{transform:scale(1.3)}to{transform:scale(1)}}.sparks{pointer-events:none;position:absolute;inset:0}.sparks i{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:-3px;animation:.8s ease-out forwards spark;position:absolute;top:50%;left:50%}.sparks i:nth-child(2n){background:#ffcf4a}@keyframes spark{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(-26px) scale(.2);opacity:0}}.todo.burst{animation:.9s ease-out rowglow}@keyframes rowglow{0%{background:color-mix(in srgb, var(--ok) 26%, transparent)}to{background:0 0}}.prio{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;min-height:24px;padding:0 10px;font-size:12px}.prio.p-high{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);font-weight:600}.prio.p-low{color:var(--text-2)}.todo-list .prio:empty{border-radius:50%;width:12px;min-height:12px;padding:0}.mini-select{border-radius:9px;min-height:28px;padding:0 6px;font-size:13px}.add-todo{flex-wrap:wrap;gap:8px;display:flex}.add-todo input:first-child{flex:200px;min-width:0}.add-todo.compact{flex-wrap:nowrap;margin-top:8px}.progress{color:var(--text-2);flex-direction:column;gap:5px;margin-top:4px;font-size:13px;display:flex}.progress-bar{background:var(--surface-2);border-radius:4px;height:7px;overflow:hidden}.progress-bar div{background:var(--ok);border-radius:4px;height:100%;transition:width .4s}.tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;align-self:flex-start;gap:3px;padding:4px;display:inline-flex}.tabs button{color:var(--text-2);background:0 0;border:0;border-radius:999px;padding:6px 15px;font-weight:500}.tabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1);font-weight:700}.tabs b{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:10px;margin-left:6px;padding:0 7px;font-size:11.5px}.switch{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch .track{background:var(--line-strong);border-radius:13px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked~.track,.switch input:checked+.track{background:var(--accent)}.switch input:checked~.track:after,.switch input:checked+.track:after{transform:translate(18px)}.switch input:focus-visible~.track{outline:2px solid var(--accent);outline-offset:2px}.cal-page{max-width:1300px}.cal-nav{align-items:center;gap:4px;display:flex}.cal-title{text-align:center;letter-spacing:-.01em;min-width:156px;font-size:20px}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:32px;color:var(--text-2);background:0 0;border:0;border-radius:999px;padding:0 16px;font-weight:500}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1);font-weight:700}.tag-filter{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;align-items:center;gap:4px;min-height:28px;padding:2px 12px;font-size:13px;display:inline-flex}.tag-pill.on{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-text)}.tag-pill button{background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.cal-layout{grid-template-columns:minmax(0,1fr) 312px;align-items:start;gap:18px;display:grid}.cal-grid{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.cal-grid .dow{text-align:center;color:var(--text-2);border-bottom:1px solid var(--line);padding:10px 0;font-size:12.5px;font-weight:600}.dow.sun,.num.sun{color:#c0443a}.dow.sat,.num.sat{color:#3b78b8}:root[data-theme=dark] .dow.sun,:root[data-theme=dark] .num.sun{color:#ff958b}:root[data-theme=dark] .dow.sat,:root[data-theme=dark] .num.sat{color:#86b8ee}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;flex-direction:column;gap:3px;min-height:108px;padding:6px;transition:background .12s;display:flex}.cell:nth-child(7n+7){border-right:0}.cell.tall{min-height:380px}.cell.out{background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.cell.out .num{opacity:.4}.cell:hover{background:var(--surface-2)}.cell.sel{box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface))}.cell.drop{background:var(--accent-soft)}.cell .num{border-radius:50%;flex:none;align-self:flex-start;place-items:center;width:28px;height:28px;padding:0;font-size:13px;font-weight:600;display:grid}.cell.today .num{background:var(--accent);color:#fff}.chips{flex-direction:column;gap:3px;min-width:0;display:flex}.chip{background:color-mix(in srgb, var(--c) 17%, var(--surface));text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:grab;border:0;border-radius:7px;align-items:center;gap:5px;width:100%;padding:2px 8px;font-size:12.5px;display:flex;overflow:hidden}.chip:before{content:"";background:var(--c);border-radius:50%;flex:none;width:6px;height:6px}.chip:hover{background:color-mix(in srgb, var(--c) 30%, var(--surface))}.chip.important{font-weight:700}.chip-time{opacity:.75}.more{color:var(--text-2);padding-left:6px;font-size:12px}.day-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-1);flex-direction:column;gap:11px;padding:18px;display:flex;position:sticky;top:0}.day-panel h2{letter-spacing:-.01em;font-size:17px}.today-badge{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;align-self:flex-start;margin-top:-6px;padding:0 9px;font-size:12px;font-weight:600}.quick-add{gap:6px;display:flex}.quick-add input{flex:1;min-width:0}.day-events{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.day-event{text-align:left;border:1px solid var(--line);border-left:4px solid var(--c);background:var(--surface);border-radius:12px;flex-direction:column;width:100%;padding:10px 12px;display:flex}.day-event:hover{background:var(--surface-2)}.de-time{color:var(--text-2);font-size:12px}.de-title{font-weight:600}.de-meta{color:var(--text-2);font-size:12px}.mini-cal-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mini-cal-title{background:0 0;border:0;border-radius:9px;padding:4px 10px;font-size:15px;font-weight:700}.mini-cal-title:hover{background:var(--surface-2)}.mini-cal-grid{--grid-line:color-mix(in srgb, var(--line) 75%, transparent);text-align:center;border:1px solid var(--grid-line);border-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.mini-cal-grid .dow{color:var(--text-2);background:color-mix(in srgb, var(--surface-2) 70%, transparent);border-bottom:1px solid var(--grid-line);padding:6px 0;font-size:12px}.mini-cal-grid .day{border:0;border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);background:0 0;border-radius:0;place-items:center;min-width:0;height:38px;padding:0;font-size:13px;display:grid;position:relative}.mini-cal-grid .day:nth-child(7n){border-right:0}.mini-cal-grid .day:nth-last-child(-n+7){border-bottom:0}.mini-cal-grid .day .d{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.mini-cal{min-width:0}.mini-cal-grid .day:hover{background:color-mix(in srgb, var(--surface-2) 80%, transparent)}.mini-cal-grid .day.out{opacity:.38}.mini-cal-grid .day.today .d{background:var(--accent);color:#fff;font-weight:700}.mini-cal-grid .day.sel:not(.today) .d{box-shadow:inset 0 0 0 2px var(--accent)}.mini-cal-grid .dot{background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}.mini-cal-grid .today .dot{background:var(--accent)}.mini-events{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.mini-events button{text-align:left;background:color-mix(in srgb, var(--c) 17%, var(--surface));border:0;border-radius:8px;width:100%;padding:5px 10px}.dday-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dday{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:0 12px;width:100%;padding:9px 12px;transition:background .15s;display:grid}.dday:hover{background:var(--surface-2)}.dday-badge{text-align:center;min-width:62px;color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);border-radius:10px;grid-row:span 2;padding:5px 8px;font-size:16px;font-weight:800}.dday.today .dday-badge{color:#fff;background:var(--accent)}.dday.past{opacity:.6}.dday-title{overflow-wrap:anywhere;font-weight:600}.dday-date{color:var(--text-2);font-size:12px}.dday-list.compact .dday{padding:7px 10px}.modal-backdrop{z-index:9000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1811066b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);max-width:100%;max-height:calc(100vh - 32px);color:var(--text);border-radius:24px;animation:.18s ease-out modal-in;overflow:auto;box-shadow:0 30px 70px -10px #00000073}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.modal-head{justify-content:space-between;align-items:center;padding:16px 16px 6px 24px;display:flex}.modal-head h2{letter-spacing:-.01em;font-size:19px}.modal-body{padding:8px 24px 14px}.modal-foot{justify-content:flex-end;gap:8px;padding:12px 24px 20px;display:flex}.modal-foot.stack{flex-direction:column}.modal-foot .left{margin-right:auto}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .wide{grid-column:1/-1}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>span{color:var(--text-2);font-size:12.5px;font-weight:600}.field input,.field select,.field textarea{width:100%}.check-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-input{border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 10px;display:flex}.tag-input input{background:0 0;border:0;outline:none;flex:1;min-width:120px;min-height:30px;padding:4px 0}.tag-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.scope{grid-template-columns:1fr 1fr;gap:8px;display:grid}.scope label{border:1.5px solid var(--line-strong);cursor:pointer;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.scope label.on{border-color:var(--accent);background:var(--accent-soft)}.scope input{accent-color:var(--accent);margin-top:3px}.scope span{flex-direction:column;display:flex}.scope small{color:var(--text-2);font-size:12.5px}.sc-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sc-form input{flex:180px;min-width:0}.sc-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.sc-item{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-1);transition:box-shadow .15s,transform .15s;position:relative}.sc-item:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.sc-open{text-align:left;border-radius:var(--r-card);background:0 0;border:0;align-items:center;gap:13px;width:100%;padding:15px 15px 38px;display:flex}.sc-icon{background:var(--c);color:#fff;text-shadow:0 1px 2px #00000059;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:grid}.sc-text{flex-direction:column;flex:1;min-width:0;display:flex}.sc-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-text small{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-tools{display:flex;position:absolute;bottom:5px;right:8px}.sc-compact{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.sc-compact button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;align-items:center;gap:9px;width:100%;min-height:38px;padding:0 12px;display:flex}.sc-compact button:hover{background:var(--surface-2)}.sc-compact i{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px}.sc-compact span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.archive-note{--ink:#34301f;color:var(--ink);border-radius:var(--r-card);box-shadow:var(--shadow-note);flex-direction:column;gap:6px;min-height:154px;padding:16px;display:flex}.archive-note p{-webkit-line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.archive-actions{flex-wrap:wrap;gap:6px;display:flex}.archive-note .btn{color:var(--ink);background:#ffffff9e;border-color:#00000024}.archive-note .btn.danger-text{color:#a8281e}.theme-picker{flex-wrap:wrap;gap:12px;display:flex}.theme-opt{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:16px;flex-direction:column;align-items:center;gap:9px;width:132px;padding:11px;display:flex}.theme-opt.on{border-color:var(--accent);background:var(--accent-soft);font-weight:700}.theme-sample{border:1px solid #0000001a;border-radius:9px;flex-direction:column;gap:4px;width:100%;padding:9px;display:flex}.theme-sample i{border-radius:4px;height:10px}.theme-sample i:last-child{width:40%}.font-choices{flex-direction:column;gap:9px;display:flex}.font-opt{border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:16px;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.font-opt.on{border-color:var(--accent);background:var(--accent-soft)}.font-opt>input[type=radio]{accent-color:var(--accent);flex:none;width:18px;height:18px;margin-top:4px}.font-opt span{flex-direction:column;gap:2px;display:flex}.font-opt .grow{flex:1;min-width:0}.font-opt small{color:var(--text-2)}.font-opt em{color:var(--text-2);font-style:normal;font-weight:400}.font-name{max-width:320px;margin-top:6px}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.setting-row:first-of-type{border-top:0}.setting-row>span:first-child{flex-direction:column;gap:2px;display:flex}.setting-row small{color:var(--text-2);font-size:13px}.setting-row.disabled{opacity:.55}.snap-list{flex-direction:column;gap:7px;margin:8px 0 0;padding:0;list-style:none;display:flex}.snap-list li{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.about{text-align:center}.toasts{z-index:9500;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;color:#fbf7ee;background:#2b251d;border-radius:16px;align-items:center;gap:12px;max-width:min(580px,92vw);padding:11px 16px;animation:.25s ease-out toast-in;display:flex;box-shadow:0 14px 34px -6px #00000073}:root[data-theme=dark] .toast{color:#1b1814;background:#f0e9dd}.toast.warn{color:#fff;background:#8a2c22}.toast button{color:#ffd27a;background:0 0;border:0;border-radius:8px;padding:4px 8px;font-weight:700}:root[data-theme=dark] .toast button{color:#8a4308}.toast .toast-x{color:inherit;opacity:.6;place-items:center;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.is-widget-window,.is-widget-window body,.is-widget-window #root{background:var(--surface);overflow:hidden}.widget-root{height:100%;position:relative}.wf.window-mode{width:100%;height:100%;box-shadow:none;border-radius:0;position:relative}.wf.window-mode.panel-card{border:0}.wf.window-mode .wf-head{cursor:default;-webkit-app-region:drag;border-radius:0}.wf.window-mode .wf-head :is(button,input,select,textarea,a,label,[data-nodrag]){-webkit-app-region:no-drag}.wf.window-mode .wf-body{border-radius:0}.window-mode [data-board-only],.window-mode .grip{display:none}.window-mode .note-menu{max-width:calc(100vw - 12px);max-height:calc(100vh - 56px);position:fixed;top:46px;right:6px;overflow:auto}.widget-root.private>.wf{filter:blur(12px);pointer-events:none}.widget-privacy{color:var(--text);background:color-mix(in srgb, var(--bg) 55%, transparent);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.status-list{text-align:right;flex-direction:column;gap:2px;font-size:12.5px;display:flex}.status-list em{font-style:normal}.status-list .ok{color:var(--ok)}.status-list .bad{color:var(--danger);font-weight:600}kbd{border:1px solid var(--line-strong);background:var(--surface-2);border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-family:inherit;font-size:12px}.btn.on{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.btn-row.tight{margin:0}.note-info.grow{flex:100%}.splash.small{font-size:14px}@media (width<=1180px){.app{grid-template-columns:68px minmax(0,1fr) 280px}.app:not(.view-board){grid-template-columns:68px minmax(0,1fr)}.sidebar button span{display:none}.sidebar button{justify-content:center;padding:0}.sidebar button b{margin:0;position:absolute;top:2px;right:2px}.brand{width:auto}.brand h1{display:none}.privacy-cover{inset:var(--header-h) var(--gap) var(--gap) calc(var(--gap) * 2 + 68px)}.cal-layout{grid-template-columns:1fr}.day-panel{position:static}}@media (width<=860px){.app{grid-template-columns:68px minmax(0,1fr);grid-template-rows:var(--header-h) auto minmax(0, 1fr) auto;grid-template-areas:"head head""banner banner""side main""side right";height:auto;min-height:100%}.app.view-board .content{min-height:70vh}.right-wrap{margin:var(--gap) 0 0;padding:0}.save-status{display:none}.search{flex:1;width:auto}.form-grid,.scope{grid-template-columns:1fr}.page{padding:18px 14px 60px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.app-header,.sidebar,.toasts{display:none}}