@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg:#f2f2f7;--surface:#fff;--separator:rgba(60,60,67,.12);--separator-opaque:#c6c6c8;--label:#000;--label2:rgba(60,60,67,.6);--label3:rgba(60,60,67,.3);--label4:rgba(60,60,67,.18);--accent:#ff2d55;--accent-soft:rgba(255,45,85,.08);--blue:#007aff;--green:#34c759;--r:13px;--r-lg:20px;--card-shadow:0 2px 12px rgba(0,0,0,.06);--nav-bg:rgba(242,242,247,.88);--tabbar-bg:hsla(0,0%,100%,.92)}@media (prefers-color-scheme:dark){:root:not(.theme-light){--bg:#000;--surface:#1c1c1e;--separator:hsla(0,0%,100%,.1);--separator-opaque:#38383a;--label:#fff;--label2:rgba(235,235,245,.6);--label3:rgba(235,235,245,.3);--label4:rgba(235,235,245,.16);--accent:#ff375f;--accent-soft:rgba(255,55,95,.15);--blue:#0a84ff;--green:#30d158;--card-shadow:0 2px 12px rgba(0,0,0,.4);--nav-bg:rgba(0,0,0,.85);--tabbar-bg:rgba(28,28,30,.94)}}:root.theme-dark{--bg:#000;--surface:#1c1c1e;--separator:hsla(0,0%,100%,.1);--separator-opaque:#38383a;--label:#fff;--label2:rgba(235,235,245,.6);--label3:rgba(235,235,245,.3);--label4:rgba(235,235,245,.16);--accent:#ff375f;--accent-soft:rgba(255,55,95,.15);--blue:#0a84ff;--green:#30d158;--card-shadow:0 2px 12px rgba(0,0,0,.4);--nav-bg:rgba(0,0,0,.85);--tabbar-bg:rgba(28,28,30,.94)}html{font-size:16px}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--label);min-height:100dvh;max-width:430px;margin:0 auto;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}body,html{scrollbar-width:thin;scrollbar-color:rgba(60,60,67,.2) transparent}body::-webkit-scrollbar,html::-webkit-scrollbar{width:3px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:rgba(60,60,67,.2);border-radius:999px}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:rgba(60,60,67,.35)}textarea{scrollbar-width:none}textarea::-webkit-scrollbar{display:none}.nav{background:rgba(242,242,247,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:none}@media (prefers-color-scheme:dark){:root:not(.theme-light) .nav{background:rgba(0,0,0,.75)}}:root.theme-dark .nav{background:rgba(0,0,0,.75)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px}.nav-title{font-size:17px;font-weight:600;letter-spacing:-.2px}.nav-border{display:none}.icon-btn{width:32px;height:32px;border-radius:50%;background:var(--surface);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.1);transition:transform .15s,opacity .15s;color:var(--accent)}.icon-btn:active{transform:scale(.9);opacity:.7}.content{padding:0 16px}.section{margin-bottom:30px}.section-header{font-size:12px;font-weight:600;color:var(--label3);text-transform:uppercase;letter-spacing:.5px;padding:0 4px;margin-bottom:8px}.hero{background:var(--surface);border-radius:var(--r-lg);padding:26px 24px;margin-bottom:16px;box-shadow:var(--card-shadow);display:flex;align-items:center;justify-content:space-between}.hero-number{font-size:72px;font-weight:700;letter-spacing:-3px;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hero-number.pop{transform:scale(1.1)}.hero-label{font-size:13px;font-weight:500;color:var(--label2);margin-bottom:4px}.hero-sub{font-size:13px;color:var(--label3);margin-top:5px}.hero-ring{width:88px;height:88px;flex-shrink:0}.ring-bg{fill:none;stroke:var(--bg);stroke-width:7}.ring-fg{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;stroke-dasharray:238.76;stroke-dashoffset:238.76;transform-origin:center;transform:rotate(-90deg);transition:stroke-dashoffset .6s cubic-bezier(.34,1.56,.64,1)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:16px}.stat-card{background:var(--surface);border-radius:var(--r);padding:16px;box-shadow:var(--card-shadow)}.stat-label{font-size:12px;font-weight:500;color:var(--label3);margin-bottom:5px}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.8px;line-height:1}.stat-value.red{color:var(--accent)}.stat-value.blue{color:var(--blue)}.stat-value.green{color:var(--green)}.stat-detail{font-size:11px;color:var(--label3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card{background:var(--surface);border-radius:var(--r);box-shadow:var(--card-shadow);overflow:hidden}.row{display:flex;align-items:center;gap:14px;padding:13px 16px;cursor:pointer;position:relative;transition:background .12s;text-decoration:none;color:inherit}.row:not(:last-child):after{content:"";position:absolute;bottom:0;left:58px;right:0;height:1px;background:var(--separator)}.row:active{background:var(--bg)}.row-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent)}.row-body{flex:1 1;min-width:0}.row-name{font-size:15px;font-weight:500}.row-name,.row-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:13px;color:var(--label3);margin-top:1px}.row-right{text-align:right;flex-shrink:0}.row-date{font-size:12px;color:var(--label3)}.row-stars{font-size:10px;color:var(--label3);margin-top:2px;letter-spacing:1px}.row-chevron{color:var(--label4);font-size:18px;margin-left:2px}.empty{text-align:center;padding:48px 32px}.empty-icon{margin-bottom:14px;opacity:.2;display:flex;justify-content:center}.empty-text{font-size:15px;font-weight:600;color:var(--label2)}.empty-hint{font-size:13px;color:var(--label3);margin-top:4px}.tabbar{display:none!important}.tab{display:none}.floating-tabbar{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%);width:calc(100% - 16px);max-width:calc(430px - 16px);z-index:100;background:hsla(0,0%,100%,.72);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-radius:26px;border:1px solid hsla(0,0%,100%,.6);box-shadow:0 12px 40px rgba(0,0,0,.16),0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.9);display:flex;align-items:center;padding:8px 12px;gap:0}@media (prefers-color-scheme:dark){:root:not(.theme-light) .floating-tabbar{background:rgba(28,28,30,.78);border-color:hsla(0,0%,100%,.08);box-shadow:0 8px 32px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.06)}}:root.theme-dark .floating-tabbar{background:rgba(28,28,30,.78);border-color:hsla(0,0%,100%,.08);box-shadow:0 8px 32px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.06)}.floating-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 8px;border:none;border-radius:20px;background:transparent;cursor:pointer;color:var(--label3);transition:color .18s ease,background .18s ease,transform .15s ease;position:relative;-webkit-tap-highlight-color:transparent;font-family:inherit}.floating-tab:active{transform:scale(.88)}.floating-tab.active{color:var(--accent);background:var(--accent-soft)}.floating-tab-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.floating-tab.active .floating-tab-icon{transform:scale(1.15)}.floating-tab-label{font-size:11px;font-weight:600;letter-spacing:.1px;line-height:1}.floating-tab-dot{display:none}.overlay{position:fixed;inset:0;background:transparent;z-index:200;display:flex;align-items:flex-end;pointer-events:none;transition:background .3s ease}.overlay.open{background:rgba(0,0,0,.25);pointer-events:all}.overlay.open .sheet{transform:translateY(0)}.sheet{background:var(--surface);border-radius:20px 20px 0 0;width:100%;max-width:430px;margin:0 auto;transform:translateY(100%);transition:transform .36s cubic-bezier(.32,.72,0,1);max-height:92dvh;overflow-y:auto;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));scrollbar-width:none}.sheet::-webkit-scrollbar{display:none}.sheet.picker-open{overflow:hidden}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--label4);margin:10px auto 0}.sheet-body{display:contents}.sheet-title{font-size:17px;font-weight:600;padding:16px 20px 6px}.form-section{margin:14px 16px 0}.form-label{font-size:12px;font-weight:600;color:var(--label3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding:0 4px}.form-card{background:var(--bg);border-radius:var(--r);overflow:hidden}.form-row{display:flex;align-items:center;gap:12px;padding:0 14px;position:relative}.form-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:14px;right:0;height:1px;background:var(--separator)}.form-row-icon{flex-shrink:0;display:flex;align-items:center;color:var(--label3)}.form-input{flex:1 1;background:none;border:none;outline:none;padding:13px 0;font-family:inherit;font-size:16px;color:var(--label);-webkit-appearance:none;width:100%;touch-action:manipulation}.form-input::placeholder{color:var(--label3)}textarea.form-input{resize:none;height:70px;padding-top:13px;line-height:1.45}.vibe-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;padding:4px 0}.vibe-opt{aspect-ratio:1;border-radius:12px;background:var(--bg);border:1.5px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--label2)}.vibe-opt.sel{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.vibe-opt:active{transform:scale(.88)}.pill-row{display:flex;gap:6px}.pill{padding:8px 16px;border-radius:20px;background:var(--bg);border:1.5px solid transparent;font-family:inherit;font-size:13px;font-weight:500;color:var(--label2);cursor:pointer;transition:all .15s}.pill.sel{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pill:active{transform:scale(.94)}.submit-btn{margin:20px 16px 0;width:calc(100% - 32px);padding:15px;background:var(--accent);border:none;border-radius:var(--r);color:#fff;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}.submit-btn:active{opacity:.85;transform:scale(.99)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:32px 24px}.auth-logo{font-size:32px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.auth-sub{font-size:15px;color:var(--label2);margin-bottom:40px}.auth-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--card-shadow);overflow:hidden;margin-bottom:16px}.auth-field{display:flex;align-items:center;gap:12px;padding:0 16px;position:relative}.auth-field:not(:last-child):after{content:"";position:absolute;bottom:0;left:16px;right:0;height:1px;background:var(--separator)}.auth-field-icon{color:var(--label3);flex-shrink:0;display:flex;align-items:center}.auth-input{flex:1 1;background:none;border:none;outline:none;padding:14px 0;font-family:inherit;font-size:16px;color:var(--label);-webkit-appearance:none;width:100%;touch-action:manipulation}.auth-input::placeholder{color:var(--label3)}.auth-btn{width:100%;padding:16px;background:var(--accent);border:none;border-radius:var(--r);color:#fff;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:opacity .15s}.auth-btn:active{opacity:.85}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;font-size:14px;color:var(--label3)}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:500}.auth-error{background:rgba(255,45,85,.08);border:1px solid rgba(255,45,85,.2);border-radius:var(--r);padding:12px 16px;font-size:14px;color:var(--accent);margin-bottom:16px}.detail-hero{gap:16px;padding:24px 20px 20px}.detail-avatar,.detail-hero{display:flex;align-items:center}.detail-avatar{width:60px;height:60px;border-radius:16px;background:var(--accent-soft);color:var(--accent);justify-content:center;flex-shrink:0}.detail-name{font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.detail-sub{font-size:14px;color:var(--label3);margin-top:3px}.info-row{display:flex;align-items:center;gap:12px;padding:13px 16px;position:relative}.info-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background:var(--separator)}.info-icon{display:flex;align-items:center;width:20px;flex-shrink:0;color:var(--label3)}.info-lbl{font-size:13px;color:var(--label3);min-width:56px}.info-val{font-size:15px;font-weight:500;color:var(--label);flex:1 1}.note-box{font-size:15px;line-height:1.6;color:var(--label2);padding:16px;font-style:italic;font-weight:300}.delete-btn{width:100%;padding:14px;background:var(--surface);border:none;border-radius:var(--r);color:var(--accent);font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--card-shadow);transition:opacity .15s}.delete-btn:active{opacity:.6}.search-wrap{padding:10px 16px 8px}.search-bar{background:hsla(240,4%,48%,.12);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;color:var(--label3)}.search-input{flex:1 1;background:none;border:none;outline:none;font-family:inherit;font-size:16px;color:var(--label);touch-action:manipulation}.search-input::placeholder{color:var(--label3)}.chips-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 16px 12px}.chips-row::-webkit-scrollbar{display:none}.chip{padding:5px 13px;border-radius:20px;background:var(--surface);border:1px solid var(--separator-opaque);font-family:inherit;font-size:13px;font-weight:500;color:var(--label2);cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .15s}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.bar-row{display:flex;gap:8px;align-items:flex-end;height:80px}.bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-count{font-size:11px;color:var(--label3);font-weight:500}.bar-body{width:100%;background:var(--bg);border-radius:6px;height:60px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:4px 4px 0 0;min-height:3px}.bar-lbl{font-size:10px;color:var(--label3);font-weight:500}.toast{position:fixed;bottom:96px;left:50%;transform:translateX(-50%) translateY(6px);background:rgba(40,40,40,.88);color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:all .2s ease;white-space:nowrap;z-index:999}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.back-nav{padding:12px 16px 8px;background:var(--nav-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--separator)}.back-btn{background:none;border:none;color:var(--accent);font-family:inherit;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 0}.back-btn:active{opacity:.5}.reaction-bar-wrap{display:flex;align-items:center;gap:0;min-height:32px}.reaction-chips{gap:2px;flex-wrap:nowrap;overflow:hidden}.reaction-chip,.reaction-chips{display:flex;align-items:center}.reaction-chip{gap:3px;padding:4px 7px;border-radius:20px;border:none;background:transparent;cursor:pointer;font-family:inherit;transition:transform .15s,opacity .15s;flex-shrink:0}.reaction-chip:active{transform:scale(.82)}.reaction-chip.reacted .reaction-emoji{filter:drop-shadow(0 0 3px rgba(255,45,85,.5))}.reaction-chip.popped{animation:reactionPop .35s cubic-bezier(.34,1.56,.64,1) both}.reaction-emoji{font-size:18px;line-height:1;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.reaction-count{font-size:12px;font-weight:600;color:var(--label3);line-height:1}.reaction-chip.reacted .reaction-count{color:var(--accent)}.reaction-add-btn{width:26px;height:26px;border-radius:50%;border:1.5px dashed var(--separator-opaque);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;margin-left:4px}.reaction-add-btn:active{transform:scale(.88)}.reaction-add-btn.active{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.reaction-add-icon{font-size:13px;line-height:1;color:var(--label3);transition:color .15s}.reaction-add-btn.active .reaction-add-icon{color:var(--accent)}.reaction-picker{display:flex;align-items:center;gap:2px;margin-left:4px}.reaction-picker-btn{width:34px;height:34px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;animation:emojiPop .28s cubic-bezier(.34,1.56,.64,1) both;transition:transform .12s;flex-shrink:0}.reaction-picker-btn:active{transform:scale(.75)}.reaction-picker-btn.reacted{filter:drop-shadow(0 0 4px rgba(255,45,85,.55))}.feed-card{background:var(--surface);border-radius:18px;box-shadow:var(--card-shadow);overflow:hidden;padding:0}.feed-card-header{display:flex;align-items:flex-start;gap:10px;padding:14px 14px 10px}.feed-avatar{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feed-author,.feed-avatar{font-size:15px;font-weight:700}.feed-author{color:var(--label);letter-spacing:-.2px}.feed-time{font-size:12px;color:var(--label3);font-weight:400}.feed-badge{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:3px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0;margin-top:2px}.feed-positions{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.feed-position-chip{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center}.feed-meta{padding:0 14px 10px}.feed-meta-name{font-size:17px;font-weight:700;color:var(--label);letter-spacing:-.4px;margin-bottom:5px}.feed-meta-row{display:flex;flex-direction:column;gap:3px}.feed-meta-item{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--label2);min-width:0}.feed-meta-item>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.feed-memo{margin:0 14px 12px;font-size:13px;color:var(--label3);font-style:italic;line-height:1.5;padding:4px 0 0 10px;border-left:2px solid var(--accent);opacity:.8}.feed-reactions{padding:10px 14px 12px;border-top:1px solid var(--separator)}@keyframes emojiPop{0%{opacity:0;transform:scale(.4) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes reactionPop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .2s ease both}.floating-tab-add{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;flex-shrink:0;padding:0 12px;transition:opacity .15s}.floating-tab-add:active{opacity:.7}