:root{--paper: #f5f4f1;--canvas: #fbfaf8;--card: #ffffff;--sidebar: #f0eeea;--sheet: #f5f4f1;--ink: #1a1a1a;--body: #48453f;--muted: #8a877f;--faint: #c4c1ba;--hairline: rgba(0, 0, 0, .08);--hairline-strong: rgba(0, 0, 0, .12);--seg-track: #e8e5df;--toggle-off: #d5d2cb;--danger: #c0392b;--danger-soft: #f6e4e1;--dot: rgba(0, 0, 0, .13);--scrim: rgba(20, 20, 20, .32);--snackbar-bg: #1a1a1a;--snackbar-ink: #f5f4f1;--shadow-card: 0 4px 14px rgba(0, 0, 0, .04);--shadow-float: 0 10px 28px rgba(0, 0, 0, .16);--shadow-sheet: 0 -8px 30px rgba(0, 0, 0, .2);--shadow-pop: 0 16px 44px rgba(0, 0, 0, .3);--ph1a: #e3e0d9;--ph1b: #edeae4;--ph2a: #d9d5cd;--ph2b: #e6e2db;--ph3a: #ded9d0;--ph3b: #e8e4dc;--ph4a: #dcd8d0;--ph4b: #e7e3db;--ph5a: #e0dcd3;--ph5b: #eae6df;--accent: #1a1a1a;--on-accent: #ffffff}[data-theme=dark]{--paper: #1b1a17;--canvas: #201e1a;--card: #262420;--sidebar: #211f1c;--sheet: #242220;--ink: #f2f0ea;--body: #c9c4ba;--muted: #928d84;--faint: #6b665c;--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .16);--seg-track: #17150f;--toggle-off: #454139;--danger: #d05a4a;--danger-soft: #3a2521;--dot: rgba(255, 255, 255, .09);--scrim: rgba(0, 0, 0, .5);--snackbar-bg: #f2f0ea;--snackbar-ink: #1b1a17;--shadow-card: 0 4px 14px rgba(0, 0, 0, .25);--shadow-float: 0 10px 28px rgba(0, 0, 0, .45);--shadow-sheet: 0 -8px 30px rgba(0, 0, 0, .4);--shadow-pop: 0 16px 44px rgba(0, 0, 0, .55);--ph1a: #33302a;--ph1b: #3d3a33;--ph2a: #2e2c27;--ph2b: #38352f;--ph3a: #33302a;--ph3b: #3d3a33;--ph4a: #2e2c27;--ph4b: #38352f;--ph5a: #33302a;--ph5b: #3d3a33}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Helvetica Neue,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-align:inherit}input,textarea{font:inherit;color:var(--ink)}input::placeholder{color:var(--muted)}a{color:inherit}.serif{font-family:Newsreader,Georgia,serif}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.ph1{background:repeating-linear-gradient(45deg,var(--ph1a) 0 7px,var(--ph1b) 7px 14px)}.ph2{background:repeating-linear-gradient(45deg,var(--ph2a) 0 7px,var(--ph2b) 7px 14px)}.ph3{background:repeating-linear-gradient(45deg,var(--ph3a) 0 7px,var(--ph3b) 7px 14px)}.ph4{background:repeating-linear-gradient(45deg,var(--ph4a) 0 7px,var(--ph4b) 7px 14px)}.ph5{background:repeating-linear-gradient(45deg,var(--ph5a) 0 7px,var(--ph5b) 7px 14px)}.ph-avatar{background:repeating-linear-gradient(45deg,var(--ph1a) 0 5px,var(--ph1b) 5px 10px)}.shell{display:flex;height:100%}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.screen{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.scroll{overflow-y:auto;min-height:0}.sidebar{width:230px;flex:none;background:var(--sidebar);border-right:1px solid var(--hairline);display:flex;flex-direction:column;padding:22px 16px 16px}.sidebar-logo{font-size:16.5px;font-weight:600;letter-spacing:-.02em;padding:2px 8px 20px;white-space:nowrap}.sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:500;color:var(--body);width:100%}.sidebar .nav-item.active{background:var(--ink);color:var(--paper)}.sidebar-heading{font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--muted);padding:22px 12px 8px}.sidebar .folder-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;font-size:13.5px;color:var(--body);width:100%}.sidebar .folder-item:hover,.sidebar .nav-item:not(.active):hover{background:var(--hairline)}.sidebar-profile{display:flex;align-items:center;gap:11px;padding:8px;border-top:1px solid var(--hairline);margin-top:8px;width:100%}.rail{width:64px;flex:none;background:var(--sidebar);border-right:1px solid var(--hairline);display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0 16px}.rail-logo{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;margin-bottom:8px}.rail-item{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--body)}.rail-item.active{background:var(--seg-track);color:var(--ink)}.btn{border-radius:13px;padding:15px;text-align:center;font-size:15px;font-weight:600;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-outline{background:transparent;border:1px solid var(--hairline-strong);color:var(--ink)}.btn-card{background:var(--card);border:1px solid var(--hairline);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-small{padding:9px 16px;font-size:13px;width:auto;border-radius:9px}.field{width:100%;background:var(--card);border:1px solid var(--hairline-strong);border-radius:12px;padding:14px 16px;font-size:14px;outline:none;display:block}.field:focus{border-color:var(--muted)}.chip{padding:7px 13px;border-radius:16px;font-size:12px;font-weight:500;background:var(--card);border:1px solid var(--hairline-strong);color:var(--body);white-space:nowrap}.chip.active{background:var(--accent);color:var(--on-accent);border-color:transparent}.search{background:var(--card);border:1px solid var(--hairline);border-radius:11px;padding:10px 14px;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.search input{flex:1;border:none;outline:none;background:none;font-size:13px;padding:0;color:var(--ink);min-width:0}.toggle{width:44px;height:26px;border-radius:13px;background:var(--toggle-off);position:relative;flex:none;transition:background .15s ease}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:0 1px 3px #0003}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(18px)}.seg{display:flex;gap:2px;background:var(--seg-track);border-radius:11px;padding:3px}.seg>button{flex:1;text-align:center;padding:9px 13px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap}.seg>button.active{background:var(--card);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0000001a}.list-card{background:var(--card);border:1px solid var(--hairline);border-radius:14px;overflow:hidden}.list-row{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:14px 16px;font-size:14px;width:100%;border-bottom:1px solid var(--hairline)}.list-card>.list-row:last-child,.list-card>*:last-child>.list-row{border-bottom:none}.section-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.fab{position:absolute;right:20px;bottom:26px;width:54px;height:54px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:300;box-shadow:var(--shadow-float);z-index:5}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:96px}@media(min-width:768px){.board-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:1024px){.board-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media(min-width:1440px){.board-grid{grid-template-columns:repeat(5,1fr);gap:20px}}.board-card{text-align:left;width:100%;position:relative}.board-thumb{height:96px;border-radius:11px;overflow:hidden;border:1px solid var(--hairline);position:relative}@media(min-width:1024px){.board-thumb{height:132px;border-radius:12px}}.board-thumb.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:var(--card)}.board-name{font-size:13px;font-weight:600;margin-top:8px}.board-meta{font-size:11px;color:var(--muted);margin-top:1px}@media(min-width:1024px){.board-name{font-size:14px;margin-top:9px}.board-meta{font-size:11.5px;margin-top:2px}}.board-card .card-more{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:8px;background:var(--card);border:1px solid var(--hairline);color:var(--ink);display:none;align-items:center;justify-content:center;font-size:14px;letter-spacing:1px;box-shadow:var(--shadow-card)}.board-card:hover .card-more{display:flex}.board-card .fav-dot{position:absolute;top:8px;left:8px;color:var(--on-accent);background:var(--accent);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fadein .18s ease}.overlay.center{align-items:center;padding:0 28px}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes sheetup{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}.sheet{background:var(--sheet);border-radius:22px 22px 0 0;box-shadow:var(--shadow-sheet);padding:12px 18px calc(14px + env(safe-area-inset-bottom));width:100%;max-width:480px;max-height:88vh;overflow-y:auto;animation:sheetup .22s ease}@media(min-width:768px){.overlay{align-items:center}.sheet{border-radius:22px;max-height:82vh}}.sheet-grab{width:38px;height:5px;border-radius:3px;background:var(--toggle-off);margin:0 auto 16px}.dialog{width:100%;max-width:340px;background:var(--sheet);border-radius:20px;padding:26px 22px 20px;box-shadow:var(--shadow-pop);text-align:center;animation:sheetup .18s ease}.menu-pop{position:absolute;min-width:200px;background:var(--card);border-radius:15px;overflow:hidden;box-shadow:var(--shadow-pop);z-index:50;border:1px solid var(--hairline)}.menu-pop button{display:flex;align-items:center;gap:12px;padding:13px 16px;font-size:14px;width:100%;border-bottom:1px solid var(--hairline)}.menu-pop button:last-child{border-bottom:none}.menu-pop button:hover{background:var(--hairline)}.menu-pop button.danger{color:var(--danger);font-weight:500}.snackbar{position:fixed;left:16px;right:16px;bottom:24px;margin:0 auto;max-width:420px;background:var(--snackbar-bg);color:var(--snackbar-ink);border-radius:15px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 34px #0000004d;z-index:60;animation:sheetup .2s ease}.snackbar .sb-title{font-size:14px;font-weight:600}.snackbar .sb-sub{font-size:11.5px;opacity:.6;margin-top:1px}.snackbar .sb-action{font-size:14px;font-weight:700;flex:none;padding:4px 2px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:40;animation:fadein .18s ease}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:var(--paper);z-index:41;display:flex;flex-direction:column;box-shadow:var(--shadow-pop);animation:drawerin .22s ease}@keyframes drawerin{0%{transform:translate(-40px);opacity:.4}to{transform:none;opacity:1}}.drawer .menu-item{display:flex;align-items:center;gap:14px;padding:15px 12px;font-size:15px;font-weight:500;width:100%;border-radius:10px}.drawer .menu-item:hover{background:var(--hairline)}.editor-canvas{position:relative;overflow:hidden;background:var(--canvas);flex:1;touch-action:none}.editor-canvas.grid-on{background-image:radial-gradient(circle,var(--dot) 1.1px,transparent 1.1px);background-position:6px 6px}.editor-canvas[data-bg=cream]{background-color:#f2ede3}.editor-canvas[data-bg=stone]{background-color:#e6e3dc}.editor-canvas[data-bg=charcoal]{background-color:#2b2b2b}.editor-canvas[data-bg=sage]{background-color:#e7e9e4}[data-theme=dark] .editor-canvas[data-bg=cream]{background-color:#26231d}[data-theme=dark] .editor-canvas[data-bg=stone]{background-color:#2a2823}[data-theme=dark] .editor-canvas[data-bg=sage]{background-color:#232620}.canvas-item{position:absolute;user-select:none;-webkit-user-select:none;cursor:grab}.canvas-item.dragging{cursor:grabbing}.canvas-item .item-photo{width:100%;height:100%;border:5px solid var(--card);box-shadow:0 8px 20px #0000001f}.canvas-item .item-photo img{width:100%;height:100%;object-fit:cover;display:block}.canvas-item .item-note{width:100%;height:100%;background:var(--card);border:1px solid var(--hairline);box-shadow:0 6px 16px #00000014;padding:11px 13px;overflow:hidden}.canvas-item .item-note .note-title{font-size:13px;font-weight:600}.canvas-item .item-note .note-body{font-size:11.5px;line-height:1.4;color:var(--body);margin-top:3px}.canvas-item .item-sticker{width:100%;height:100%;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0003}.canvas-item .item-text{width:100%;min-height:100%;padding:4px 6px;line-height:1.2;letter-spacing:-.01em;outline:none;overflow-wrap:break-word}.sel-outline{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1.5px solid var(--accent);pointer-events:none}.sel-handle{position:absolute;width:11px;height:11px;background:var(--card);border:1.5px solid var(--accent);border-radius:2px;pointer-events:auto}.rot-stem{position:absolute;left:50%;bottom:-20px;width:1.5px;height:14px;background:var(--accent);transform:translate(-50%);pointer-events:none}.rot-handle{position:absolute;left:50%;bottom:-34px;transform:translate(-50%);width:15px;height:15px;border-radius:50%;background:var(--card);border:1.5px solid var(--accent);cursor:grab;touch-action:none}.rot-handle:active{cursor:grabbing}.sel-toolbar{position:absolute;top:-44px;left:50%;transform:translate(-50%);display:flex;background:var(--snackbar-bg);color:var(--snackbar-ink);border-radius:9px;padding:6px 4px;box-shadow:0 6px 16px #00000040;white-space:nowrap}.sel-toolbar button{color:inherit;font-size:13px;padding:2px 10px;border-left:1px solid rgba(128,128,128,.35)}.sel-toolbar button:first-child{border-left:none}.tool-pill{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--hairline);border-radius:18px;padding:8px;box-shadow:var(--shadow-float);z-index:10}.tool-btn{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--ink)}.tool-btn.active{background:var(--accent);color:var(--on-accent)}.tool-rail{width:58px;flex:none;background:var(--sidebar);border-right:1px solid var(--hairline);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0}.tool-rail .tool-btn{width:40px;height:40px}.inspector{width:236px;flex:none;background:var(--card);border-left:1px solid var(--hairline);padding:20px 18px;overflow-y:auto}.zoom-ctl{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;background:var(--card);border:1px solid var(--hairline);border-radius:9px;box-shadow:0 6px 18px #0000001f;font-size:12px;font-weight:500;color:var(--body);z-index:10}.zoom-ctl>*{padding:6px 10px}.zoom-ctl>span{border-left:1px solid var(--hairline);border-right:1px solid var(--hairline)}.editor-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--hairline);background:var(--paper);z-index:10;gap:10px}.draw-panel,.text-panel{background:var(--card);border-top:1px solid var(--hairline);padding:14px 18px}.swatch{width:26px;height:26px;border-radius:50%;border:1px solid var(--hairline);flex:none}.swatch.sel{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--accent)}.accent-dot{width:44px;height:44px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;border:none}.accent-dot.sel{box-shadow:0 0 0 2px var(--sheet),0 0 0 3.5px var(--ring, var(--ink))}.theme-card{height:88px;border-radius:12px;border:1px solid var(--hairline-strong);padding:8px;overflow:hidden;width:100%}.theme-card.sel{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--accent)}.auth-screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;width:100%}.auth-inner{margin:auto;width:100%;max-width:380px;padding:32px 26px;display:flex;flex-direction:column;justify-content:center;flex:1}.appbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 0}.page-title{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1}.back-row{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;padding:12px 22px 0}.back-btn{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--ink)}.back-btn .chev{font-size:20px;line-height:1}.hamburger{display:flex;flex-direction:column;gap:5px;width:20px;padding:4px 0}.hamburger span{height:2px;background:var(--ink);display:block}.hamburger span:last-child{width:13px}.avatar{border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:600}.avatar.accent{background:var(--accent);color:var(--on-accent)}.content-pad{padding:0 22px}@media(min-width:1024px){.content-pad{padding:0 28px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--toggle-off);border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}