:root{--paper:#e7e0d4;--sheet:#fffaf3;--ink:#1c1915;--muted:#6f675f;--line:#eadfce;--accent:#c2410c;--good:#1f6b4a;--sans:"Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--serif:"Palatino Linotype", Palatino, "Songti SC", serif;color:var(--ink);background:var(--paper);font-family:var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}*{box-sizing:border-box}html,body,#app{max-width:100%;min-height:100%}body{background:var(--paper);margin:0}button,input,textarea,select{font:inherit;color:inherit}button{background:var(--ink);min-height:2.75rem;color:var(--sheet);cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;padding:.65rem 1rem}button:disabled{cursor:not-allowed;opacity:.4}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}button.danger{color:var(--accent);background:0 0}h1,h2,h3,p{margin:0}h1,h2,.brand{font-family:var(--serif);font-weight:600}a{color:inherit}.app{background:var(--sheet);flex-direction:column;width:min(100%,32rem);min-width:0;max-width:100%;min-height:100dvh;margin:0 auto;display:flex}.topbar{z-index:3;padding:calc(.15rem + env(safe-area-inset-top)) .35rem .15rem;background:var(--ink);color:var(--sheet);grid-template-columns:4.5rem 1fr 4.5rem;align-items:center;display:grid;position:sticky;top:0}.topbar h1{text-align:center;font-size:1.05rem}.topbar small{color:#d8cfc3;font-family:var(--sans);margin-top:.1rem;font-size:.72rem;font-weight:500;display:block}.topbar small[data-state=offline]{color:#f0b8a4}.topbar small[data-state=synced]{color:#b7d7c6}.icon-btn{min-height:2.75rem;color:inherit;background:0 0;border-radius:.75rem;padding:.4rem .7rem}.screen{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.sync-note,.banner,.empty,.time,.muted{color:var(--muted);overflow-wrap:anywhere}.sync-note,.banner,.install{margin:.85rem 1rem 0;font-size:.92rem}.banner{color:var(--accent);background:#fff1ea;border-radius:.9rem;padding:.75rem .85rem}.install{border:1px solid var(--line);background:#fff;border-radius:1rem;gap:.7rem;padding:.85rem;display:grid}.install-actions,.confirm-actions{gap:.5rem;display:flex}.groups,.subnodes{margin:0;padding:0;list-style:none}.groups{gap:.75rem;margin:.85rem .85rem 0;display:grid}.group{border:1px solid var(--line);background:#fff;border-radius:1rem;overflow:hidden}.subnodes{border-top:1px solid var(--line);background:#fffcf8}.subnodes li+li{border-top:1px solid #f1e6d6}.entry.selected{background:#fff6ef}.entry.nested .node-name{padding-left:1.15rem;font-weight:500}.node-row{align-items:center;min-height:3.4rem;padding-right:.35rem;display:flex}.node-name{min-width:0;min-height:3.4rem;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:0;flex:1;padding:.7rem .85rem;font-weight:600;overflow:hidden}.mini{border:1px solid var(--line);width:2.25rem;min-height:2.25rem;color:var(--muted);background:#fff;border-radius:50%;flex:none;margin-right:.45rem;padding:0;font-size:.82rem}.entry.nested .mini{margin-right:.55rem}.icon-row{gap:.55rem;padding:0 .85rem .8rem;display:flex}.icon-row button{border:1px solid var(--line);width:2.75rem;min-height:2.75rem;color:var(--ink);background:#fff;border-radius:50%;place-items:center;padding:0;display:grid}.icon-row svg{width:1.25rem;height:1.25rem}.icon-row button.danger{color:var(--accent)}.inline-details,.inline-confirm{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 .85rem .85rem}.inline-confirm{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.inline-confirm p{color:var(--muted);flex:100%}.test-screen{padding-bottom:0}.draw-card{width:calc(100% - 2rem);min-height:18rem;color:var(--ink);text-align:left;background:#fff;border-radius:1.3rem;align-content:start;gap:.8rem;margin:1.25rem 1rem 0;padding:1.4rem 1.2rem;display:grid;box-shadow:0 16px 40px #3a261014}.draw-card h2{font-size:clamp(1.8rem,8vw,2.6rem);line-height:1.15}.card-count,.card-hint{color:var(--muted);font-size:.92rem}.card-details{white-space:pre-wrap;overflow-wrap:anywhere}.chevron,.bullet{flex:none;width:2.75rem}.chevron{color:var(--ink);background:0 0;border-radius:0}button.chevron.mini{background:#fff;border-radius:50%;place-items:center;width:2.25rem;display:grid}.chevron:before{content:"";border-top:.32rem solid #0000;border-bottom:.32rem solid #0000;border-left:.42rem solid var(--muted);transform-origin:35%;display:inline-block}.chevron[aria-expanded=true]:before{transform:rotate(90deg)}.bullet{place-items:center;display:grid}.bullet:before{content:"";background:#d9cfc0;border-radius:50%;width:.38rem;height:.38rem}.label,.child{min-width:0;color:var(--ink);text-align:left;background:0 0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:.7rem .9rem .7rem 0;display:flex}.label small{width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.child{border-bottom:1px solid var(--line);min-height:3rem;padding:.75rem .9rem}.empty{padding:2.4rem 1.3rem}.detail,.editor{padding-bottom:5.5rem}.detail{padding-top:1rem}.crumbs{flex-wrap:wrap;gap:.35rem;padding:0 1rem;display:flex}.crumbs button{min-height:2rem;color:var(--muted);border:1px solid var(--line);background:0 0;padding:.2rem .7rem}.detail h2,.details,.time,.children h3,.form-error{padding-left:1rem;padding-right:1rem}.detail h2{margin-top:.8rem;font-size:1.8rem;line-height:1.2}.time{margin-top:.35rem;font-size:.82rem}.details{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:1rem}.children{margin-top:1.4rem}.children h3{color:var(--muted);font-size:.92rem;font-family:var(--sans);margin-bottom:.4rem;font-weight:600}.editor form{gap:.9rem;padding:1rem 1rem 0;display:grid}label,.parent-field{color:var(--muted);gap:.35rem;font-size:.92rem;display:grid}.parent-field{position:relative}.parent-list{z-index:3;border:1px solid var(--line);background:#fff;border-radius:.9rem;max-height:16rem;margin:0;padding:.25rem;list-style:none;display:grid;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto;box-shadow:0 10px 24px #3c24101f}.parent-list button{width:100%;min-height:2.75rem;color:var(--ink);text-align:left;background:0 0;border-radius:.7rem;padding:.45rem .75rem;display:grid}.parent-list button small,.parent-empty{color:var(--muted);font-size:.82rem}.parent-empty{padding:.7rem .75rem}input,textarea,select{border:1px solid var(--line);background:#fff;border-radius:.9rem;width:100%;padding:.8rem .85rem;font-size:16px}textarea{resize:vertical;min-height:11rem}.form-error{color:var(--accent)}.dock{z-index:2;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffaf3f5;margin-top:auto;display:grid;position:sticky;bottom:0}.dock.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.dock.actions button{min-width:0;padding-inline:.35rem}.confirm{z-index:4;width:min(100%,32rem);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;margin:0 auto;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 40px #30200c29}.confirm p{margin-bottom:.9rem}@media (width>=700px){body{padding:1.25rem 0}.app{border:1px solid var(--line);border-radius:1.4rem;min-height:calc(100dvh - 2.5rem);overflow:hidden;box-shadow:0 18px 50px #3a261014}}