:root{--background:#fff;--foreground:#171717;--border:#eee;--muted:#888;--font-serif:"Outfit","Inter",serif;--font-sans:"ui-sans-serif",system-ui,-apple-system,sans-serif;--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");min-height:100dvh;overflow-x:hidden}h1,h2,h3,.serif{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:500}button{cursor:pointer;font-family:var(--font-sans)}input,textarea{font-family:var(--font-sans)}.app-shell{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.page-content{padding:0 0 var(--tab-height)0;flex:1;overflow-y:auto}.tab-bar{width:100%;max-width:480px;height:var(--tab-height);-webkit-backdrop-filter:blur(12px);z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#fdfdfdd9;border-top:.5px solid #00000008;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{color:#bbb;letter-spacing:.12em;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;font-size:9px;font-weight:500;transition:all .3s;display:flex;position:relative}.tab-item.active{color:#111}.tab-item.active:after{content:"";background:#111;width:4px;height:4px;position:absolute;top:4px;transform:rotate(45deg)}.tab-item svg{stroke-width:1.5px;width:22px;height:22px}.page-header{border-bottom:1px solid var(--border);padding:56px 24px 16px}.page-header h1{letter-spacing:-.02em;font-size:1.6rem}.page-header p{color:var(--muted);margin-top:4px;font-size:.85rem}.thread-card{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:20px 24px;display:flex}.thread-dot{background:var(--fg);border-radius:50%;flex-shrink:0;width:8px;height:8px}.thread-info{flex:1}.thread-name{font-size:1rem;font-weight:500}.thread-count{color:var(--muted);font-size:.8rem}.empty-state{text-align:center;color:var(--muted);padding:80px 32px}.empty-state .icon{margin-bottom:16px;font-size:2.5rem;display:block}.empty-state p{font-size:.9rem;line-height:1.6}.btn-primary{background:var(--fg);color:var(--bg);letter-spacing:.02em;border:none;padding:12px 24px;font-size:.95rem;transition:opacity .15s}.btn-primary:hover{opacity:.8}.btn-primary:active{opacity:.6}.btn-ghost{border:1px solid var(--border);color:var(--fg);background:0 0;padding:10px 20px;font-size:.9rem;transition:background .15s}.btn-ghost:hover{background:#f5f5f5}.zen-input{border:none;border-bottom:1px solid var(--border);background:0 0;outline:none;width:100%;padding:10px 0;font-size:1rem;transition:border-color .2s}.zen-input:focus{border-bottom-color:var(--fg)}.zen-textarea{border:none;border-bottom:1px solid var(--border);resize:none;background:0 0;outline:none;width:100%;min-height:80px;padding:10px 0;font-size:1rem;line-height:1.6;transition:border-color .2s}.zen-textarea:focus{border-bottom-color:var(--fg)}.chat-container{height:calc(100dvh - var(--tab-height) - 80px);flex-direction:column;display:flex}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px 24px 16px;display:flex;overflow-y:auto}.chat-bubble{max-width:82%;padding:12px 16px;font-size:.92rem;line-height:1.55}.chat-bubble.spool{font-family:var(--font-serif);background:#f5f5f5;align-self:flex-start}.chat-bubble.user{background:var(--fg);color:var(--bg);align-self:flex-end}.chat-input-bar{border-top:1px solid var(--border);background:var(--bg);align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.chat-input-bar textarea{border:1px solid var(--border);resize:none;min-height:40px;max-height:120px;font-size:.92rem;font-family:var(--font-sans);outline:none;flex:1;padding:10px 12px;line-height:1.4;transition:border-color .2s}.chat-input-bar textarea:focus{border-color:var(--fg)}.chat-send-btn{background:var(--fg);color:var(--bg);border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .15s;display:flex}.chat-send-btn:hover{opacity:.7}.chat-send-btn:disabled{opacity:.3}.daily-section{border-bottom:1px solid var(--border);padding:24px}.daily-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:.75rem}.thread-selector{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.thread-chip{border:1px solid var(--border);background:0 0;padding:6px 14px;font-size:.85rem;transition:all .15s}.thread-chip.selected{background:var(--fg);color:var(--bg);border-color:var(--fg)}.history-year{padding:32px 24px 8px}.history-year h2{color:var(--muted);font-size:1rem;font-family:var(--font-sans);letter-spacing:.08em;font-weight:400}.history-entry{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:16px 24px;display:flex}.history-date{color:var(--muted);min-width:56px;padding-top:2px;font-size:.78rem}.history-thread-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:.72rem}.history-text{font-size:.92rem;line-height:1.5}.history-knot-badge{background:var(--fg);color:var(--bg);margin-top:6px;padding:2px 8px;font-size:.7rem;display:inline-block}.visualizer-wrap{padding:0 24px 24px}.visualizer-thread-row{margin-top:20px}.visualizer-thread-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.75rem}.me-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.me-stat-label{color:var(--muted);font-size:.9rem}.me-stat-value{font-size:1.2rem;font-weight:500}.typing-indicator{align-items:center;gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg);flex-direction:column;gap:20px;width:100%;max-width:480px;padding:32px 24px 40px;display:flex}.modal-sheet h2{font-size:1.2rem}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--muted);letter-spacing:.05em;font-size:.8rem}.modal-actions{gap:12px;margin-top:8px;display:flex}