:root{--paper:#f5f7f1;--card:#fff;--ink:#22302a;--ink-soft:#5b6a62;--line:#dfe6da;--leaf:#3f7d5a;--leaf-soft:#e3eee5;--sun:#e8a93b;--sun-soft:#fbf1dc;--far:#5b6fa6;--far-soft:#e9ecf5;--danger:#c05b4d;--danger-soft:#f7e5e1;--idle:#9fb0a6;--radius:16px;--shadow:0 1px 2px rgba(34,48,42,.06),0 6px 20px rgba(34,48,42,.06);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--z-panel:20;--z-sheet:25;--z-toast:40;--z-onboard:50;--font-body:"Gowun Dodum","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-display:"Jua","Apple SD Gothic Neo",sans-serif;--font-chat:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-mono:"JetBrains Mono",monospace}button{cursor:pointer;border:none;background:none;color:inherit}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}[tabindex]:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--leaf);outline-offset:2px;border-radius:6px}.app{width:100%;max-width:440px;min-height:100vh;background:var(--paper);margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 30px 80px rgba(34,48,42,.12)}@media(min-width:560px){body{padding:28px 0}.app{min-height:calc(100vh - 56px);border-radius:28px}}.topbar{gap:10px;padding:14px 18px 8px}.avatar,.topbar{display:flex;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:var(--leaf);color:#fff;font-family:var(--font-display);font-size:16px;justify-content:center;flex-shrink:0}.who{flex:1 1;min-width:0}.who .name{font-family:var(--font-display);font-size:16px}.who .name small{font-family:var(--font-body)}.who .name small,.who .sub{font-size:12px;color:var(--ink-soft)}.icon-btn{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--card);border:1px solid var(--line)}.top-actions{display:flex;gap:6px}.views{flex:1 1;overflow-y:auto;padding:4px 18px 96px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.card h3{font-family:var(--font-display);font-size:15px;font-weight:400;color:var(--ink-soft);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.card h3 .more{font-family:var(--font-body);font-size:12px;color:var(--leaf);cursor:pointer}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--leaf-soft);color:var(--leaf)}.chip.sun{background:var(--sun-soft);color:#9c6c12}.chip.far{background:var(--far-soft);color:var(--far)}.bar{height:9px;background:var(--leaf-soft);overflow:hidden;margin:8px 0}.bar,.bar i{border-radius:99px}.bar i{display:block;height:100%;background:var(--leaf);transition:width .4s ease}.bar.sun i{background:var(--sun)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:12px;font-size:14px;font-family:var(--font-display);background:var(--leaf);color:#fff;transition:opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:var(--card);color:var(--leaf);border:1px solid var(--leaf)}.btn.small{padding:7px 12px;font-size:13px;border-radius:10px}.task{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px dashed var(--line)}.task:last-child{border-bottom:none}.task .tick{width:26px;height:26px;border-radius:9px;flex-shrink:0;border:2px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;transition:all .15s}.task.done .tick{background:var(--leaf);border-color:var(--leaf)}.task .t-body{flex:1 1;min-width:0}.task .t-name{font-size:14.5px;font-weight:600}.task.done .t-name{color:var(--ink-soft);text-decoration:line-through;-webkit-text-decoration-color:var(--leaf);text-decoration-color:var(--leaf)}.task .t-meta{font-size:11.5px;color:var(--ink-soft)}.ring{width:56px;height:56px;border-radius:50%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.ring:after{content:"";width:42px;height:42px;border-radius:50%;background:var(--card);position:absolute}.ring b{position:relative;font-family:var(--font-display);font-size:14px;color:var(--leaf)}.hello .date{font-size:13px;color:var(--ink-soft);margin-bottom:3px}.hello h2{font-family:var(--font-display);font-size:24px;font-weight:400;line-height:1.35}.hello .chips{margin-top:9px;gap:6px}.hello .chips,.pick{display:flex;flex-wrap:wrap}.pick{gap:7px}.pick button{padding:8px 13px;border-radius:99px;border:1.5px solid var(--line);background:var(--paper);font-size:13px;transition:all .12s}.pick button.sel{background:var(--leaf);border-color:var(--leaf);color:#fff;font-weight:600}.rail{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail button{flex-shrink:0;padding:8px 13px;border-radius:99px;font-size:12.5px;font-family:var(--font-display);color:var(--ink-soft);background:var(--card);border:1px solid var(--line)}.rail button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.ecard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:13px;position:relative;cursor:pointer}.ecard .e-emoji{font-size:26px;margin-bottom:6px}.ecard .e-name{font-size:13.5px;font-weight:700;line-height:1.4;margin-bottom:5px;min-height:37px}.etag{font-size:10px;font-weight:600;padding:3px 7px;border-radius:7px;background:var(--paper);color:var(--ink-soft)}.etag.free{background:var(--leaf-soft);color:var(--leaf)}.etag.online{background:var(--far-soft);color:var(--far)}.ecard .e-src{font-size:10.5px;color:var(--ink-soft);margin-top:7px}.imap{display:flex;flex-wrap:wrap;gap:7px}.itag{font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:12px;border:1.5px solid transparent}.itag.core{background:var(--leaf);color:#fff}.itag.recent{background:var(--leaf-soft);color:var(--leaf)}.itag.seed{background:#fff;border:1.5px dashed var(--sun);color:#9c6c12}.itag.paused{background:var(--paper);color:var(--ink-soft);border-color:var(--line)}.tabbar{position:absolute;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;padding:8px 8px calc(10px + env(safe-area-inset-bottom));z-index:5}.tabbar a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--ink-soft);padding:4px 0}.tabbar a .ico{font-size:19px}.tabbar a.active{color:var(--leaf);font-weight:700}.fab{position:absolute;right:16px;bottom:86px;z-index:6;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:20px;background:var(--ink);color:#f2e9c8;font-family:var(--font-display);font-size:15px;box-shadow:0 10px 24px rgba(34,48,42,.28)}.fab .dot-new{width:8px;height:8px;border-radius:50%;background:var(--sun)}.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,16px);background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:11px 18px;border-radius:99px;opacity:0;pointer-events:none;transition:all .25s;z-index:40;white-space:nowrap;box-shadow:var(--shadow);max-width:88%}.toast.on{opacity:1;transform:translate(-50%)}.toast b{color:var(--sun)}.speak{background:linear-gradient(135deg,#fdfbf4,var(--sun-soft));border-color:#f0dfbb}.speak h3{color:#9c6c12}.speak .q{font-family:var(--font-chat);font-weight:600;font-size:16px;line-height:1.6;letter-spacing:-.01em}.speak .src{font-size:11px;color:#9c6c12;margin-top:8px}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--font-body);background:radial-gradient(1200px 500px at 50% -200px,#e9f0e4 0,var(--paper) 60%);color:var(--ink);line-height:1.55;min-height:100vh}