:root{--bg: #f7f5f0;--card: #ffffff;--ink: #2c2a26;--sub: #8a857c;--line: #eae6dd;--accent: #e08a4b;--accent-d: #c9702f;--accent-soft: #fbeee1;--done: #5fa876;--done-soft: #e6f1e9;--money: #3f8f7a;--money-soft: #e2f0eb;--danger: #d9534f;--shadow: 0 2px 12px rgba(60, 50, 30, .06);--r: 16px;--safe-b: env(safe-area-inset-bottom, 0px);--surface-2: #efeadf;--input-bg: #fbfaf7;--track: #efe9dd;--overlay: rgba(30, 25, 18, .4);--header-bg: rgba(247, 245, 240, .9);--nav-bg: rgba(255, 255, 255, .94);--switch-off: #d8d2c6;--chip-on-bg: var(--ink);--chip-on-fg: #fff;--select-arrow-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a857c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")}:root[data-theme=dark]{--bg: #171512;--card: #221f1c;--ink: #eee9e2;--sub: #9c968c;--line: #36322c;--accent: #e0954f;--accent-d: #f0aa66;--accent-soft: #3c2c1d;--done: #6fbf8d;--done-soft: #1e332a;--money: #5cbaa0;--money-soft: #1c332e;--danger: #e4726d;--shadow: 0 2px 14px rgba(0, 0, 0, .45);--surface-2: #2c2925;--input-bg: #221f1c;--track: #33302a;--overlay: rgba(0, 0, 0, .55);--header-bg: rgba(23, 21, 18, .85);--nav-bg: rgba(23, 21, 18, .9);--switch-off: #4a453d;--chip-on-bg: #eee9e2;--chip-on-fg: #171512;--select-arrow-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239c968c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}#root{max-width:480px;margin:0 auto;min-height:100%;position:relative}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.btn{border:none;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;background:var(--accent);color:#fff;cursor:pointer;transition:.15s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default}.btn.line{background:transparent;border:1px solid var(--line);color:var(--sub)}.btn.ghost{background:var(--accent-soft);color:var(--accent-d)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--sub);margin-bottom:6px;font-weight:600}.field .val{font-size:14.5px;color:var(--ink);line-height:1.5}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;font-size:15px;font-family:inherit;background:var(--input-bg);color:var(--ink)}.field input:focus,.field textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.field select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 34px 12px 13px;font-size:15px;font-family:inherit;background:var(--input-bg);color:var(--ink);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:var(--select-arrow-icon);background-repeat:no-repeat;background-position:right 11px center}.field select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.uid-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--input-bg);overflow:hidden}.uid-input:focus-within{outline:2px solid var(--accent-soft);border-color:var(--accent)}.uid-input span{padding:0 2px 0 13px;color:var(--sub);font-size:15px}.uid-input input{border:none!important;background:none;border-radius:0;padding-left:4px}.uid-input input:focus{outline:none}.uid-hint{font-size:11px;color:var(--sub);margin-top:6px}.auth-link{display:block;width:100%;margin-top:14px;background:none;border:none;color:var(--accent-d);font-size:13px;font-family:inherit;cursor:pointer;text-align:center}.auth-link:hover{text-decoration:underline}.seg{display:flex;background:var(--surface-2);border-radius:11px;padding:3px;gap:3px}.seg-b{flex:1;border:none;background:none;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--sub);padding:6px;border-radius:8px;cursor:pointer}.seg-b.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #00000014}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:28px 22px;width:100%}.auth-brand{font-size:22px;font-weight:800;letter-spacing:.02em}.auth-sub{font-size:12.5px;color:var(--sub);margin:4px 0 22px}.auth-err{background:#fdecea;color:#b23b34;font-size:12.5px;padding:9px 12px;border-radius:10px;margin-bottom:12px}.auth-info{background:var(--done-soft);color:#3f7a54;font-size:12.5px;padding:9px 12px;border-radius:10px;margin-bottom:12px}:root[data-theme=dark] .auth-err{background:#3a201e;color:#ff8f87}:root[data-theme=dark] .auth-info{color:#7fd3a0}.setup-p{font-size:13px;color:var(--ink)}.setup-list{font-size:13px;color:var(--sub);padding-left:20px;line-height:1.9}.setup-list b{color:var(--ink)}code{background:var(--surface-2);padding:1px 6px;border-radius:5px;font-size:12px}a{color:var(--accent-d)}:root{--c-旅行: #4a90c9;--c-ホテル: #6b7a99;--c-グルメ: #d1503f;--c-仕事: #9a6fce;--c-お金: #c9a227;--c-健康: #5fa876;--c-学び: #e0a83b;--c-家族: #e0796b;--c-人間関係: #d96b8a;--c-趣味: #2ca6a4;--c-スポーツ: #5b7fd6;--c-挑戦: #c9622f;--c-芸術: #a35fa8;--c-その他: #8a857c;--date-c: #a07d3a;--date-soft: #f2ecdf;--ppl-c: #8a5fae;--ppl-soft: #f0e8f2}:root[data-theme=dark]{--date-c: #d8b571;--date-soft: #3a3122;--ppl-c: #bb93de;--ppl-soft: #302640}.icon{width:1em;height:1em;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:20;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 18px 10px;border-bottom:1px solid var(--line)}header h1{font-size:19px;margin:0;letter-spacing:.02em}header .sub{font-size:11.5px;color:var(--sub);margin-top:1px}.screen{padding:calc(var(--headerH, 66px) + var(--controlsH, 0px) + 14px) 16px calc(84px + var(--safe-b));animation:fade .25s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line)}.sticky-controls{position:fixed;top:var(--headerH, 66px);left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:15;background:var(--bg);padding:6px 16px 2px}.sticky-controls .seg{margin-bottom:8px}.sticky-controls .searchbar{margin-bottom:8px;padding:8px 12px}.sticky-controls .seg-b{padding:5px;font-size:12px}.sticky-controls .filters{padding:2px 0 6px}.sticky-controls .filters .f{padding:5px 11px;font-size:12.5px}.filters{display:flex;gap:7px;overflow-x:auto;padding:2px 0 8px;margin:0 -2px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters .f{flex:0 0 auto;font-size:13px;padding:6px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--sub);cursor:pointer}.filters .f.on{background:var(--chip-on-bg);color:var(--chip-on-fg);border-color:var(--chip-on-bg)}.seg-b em{font-style:normal;font-size:11px;color:var(--sub);font-weight:700}.seg-b.on em{color:var(--accent-d)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--sub);white-space:nowrap}.chip .icon{width:13px;height:13px;stroke-width:2.2}.chip.mini{padding:2px 7px;font-size:10px}.chip.cat{color:#fff;font-weight:600}.chip.money{background:var(--money-soft);color:var(--money);font-weight:600}.chip.date{background:var(--date-soft);color:var(--date-c);font-weight:600}.chip.ppl{background:var(--ppl-soft);color:var(--ppl-c);font-weight:600}.chip.done-c{background:var(--done-soft);color:#3f7a54;font-weight:600}.chip-旅行{background:var(--c-旅行)}.chip-ホテル{background:var(--c-ホテル)}.chip-グルメ{background:var(--c-グルメ)}.chip-仕事{background:var(--c-仕事)}.chip-お金{background:var(--c-お金)}.chip-健康{background:var(--c-健康)}.chip-学び{background:var(--c-学び)}.chip-家族{background:var(--c-家族)}.chip-人間関係{background:var(--c-人間関係)}.chip-趣味{background:var(--c-趣味)}.chip-スポーツ{background:var(--c-スポーツ)}.chip-挑戦{background:var(--c-挑戦)}.chip-芸術{background:var(--c-芸術)}.chip-その他{background:var(--c-その他)}.btn .icon{width:15px;height:15px}.btn.mini{padding:7px 12px;font-size:12.5px;border-radius:10px}.btn.danger{background:var(--danger);color:#fff}.swipe{position:relative;overflow:hidden;border-radius:var(--r);margin-bottom:7px;box-shadow:var(--shadow)}.swipe-del{position:absolute;top:0;right:0;bottom:0;width:80px;background:var(--danger);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-size:11px;font-weight:600}.swipe-del .icon{width:18px;height:18px}.swipe-front{position:relative;z-index:1;background:var(--card);border:1px solid var(--line);border-radius:var(--r);touch-action:pan-y}.srow{display:flex;align-items:center;gap:9px;padding:10px 13px;cursor:pointer}.check{flex:0 0 auto;width:21px;height:21px;border-radius:50%;border:2px solid var(--line);cursor:pointer;display:grid;place-items:center;transition:.15s;background:var(--card)}.check.done{background:var(--done);border-color:var(--done)}.check .icon{width:12px;height:12px;stroke:#fff;stroke-width:3}.rmain{flex:1;min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden}.rttl{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13.5px}.srow.done .rttl{color:var(--sub);text-decoration:line-through;text-decoration-color:#cfc7b8}.rsub{flex:0 0 auto;font-size:11px;color:var(--sub);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.rsub .icon{width:11px;height:11px}.rsub.done{color:var(--money)}.rsub.sat{color:#e0a83b;font-weight:700}.ramount{flex:0 0 auto;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.ramount.c-budget{color:var(--accent-d)}.ramount.c-cost{color:var(--money)}.ramount.none{color:var(--sub);font-weight:600}.drow{padding:13px 15px;margin-bottom:10px;cursor:pointer}.drow-top{display:flex;align-items:center;gap:7px;overflow:hidden}.drow-top .ramount{padding-left:6px}.drow-top .kebab{margin-left:auto}.drow-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}.d-meta{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--sub);min-width:0;overflow:hidden}.d-meta>.nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;flex:0 0 auto}.avatar.sm{width:22px;height:22px;font-size:11px}.added-flag{color:var(--done);font-weight:600;font-size:12.5px;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px}.added-flag .icon{width:14px;height:14px}.sec-title{font-size:13px;color:var(--sub);font-weight:700;margin:6px 4px 10px;letter-spacing:.03em}.tl-event{margin-bottom:14px}.tl-tag{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--sub);font-weight:600;margin:0 4px 6px}.tl-tag .icon{width:13px;height:13px}.tl-time{font-weight:400}.life-card{display:flex;align-items:center;gap:12px;padding:14px 15px;margin-bottom:12px}.life-ic{flex:0 0 auto;color:var(--accent-d)}.life-ic .icon{width:24px;height:24px}.life-n{font-size:15px;font-weight:700}.life-l{font-size:11px;color:var(--sub);margin-top:2px}.strip{display:flex;align-items:center;gap:13px;padding:14px 15px}.strip .rring{width:56px;height:56px;flex:0 0 auto}.strip .rn{font-size:19px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.strip .rl{font-size:10px;color:var(--sub)}.strip .sdiv{width:1px;align-self:stretch;background:var(--line)}.strip .smini{flex:1}.strip .smini .l{font-size:9.5px;color:var(--sub);display:flex;align-items:center;gap:4px}.strip .smini .l .icon{width:11px;height:11px}.strip .smini .v{font-size:14.5px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:1px}.strip .v.need{color:var(--accent-d)}.strip .v.spent{color:var(--money)}.rsec{font-size:12px;font-weight:700;color:var(--sub);letter-spacing:.03em;margin:18px 3px 9px;display:flex;align-items:center;gap:6px}.rsec .icon{width:14px;height:14px;color:var(--accent-d)}.yr{font-size:10.5px;color:var(--sub);font-weight:700;margin:12px 2px 7px}.album{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ph{border-radius:12px;overflow:hidden;position:relative;aspect-ratio:1/1;display:flex;align-items:flex-end;padding:9px;color:#fff}.ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 42%,#0000008c)}.ph .cap{position:relative;z-index:1}.ph .ct{font-size:12px;font-weight:700;line-height:1.25}.ph .cd{font-size:9.5px;opacity:.92;margin-top:1px}.ph.big{grid-column:span 2;aspect-ratio:2.1/1}.barrow{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:11.5px}.barrow .bn{width:56px;flex:0 0 auto;display:flex;align-items:center;gap:5px}.barrow .bn i{width:8px;height:8px;border-radius:2px;display:inline-block;flex:0 0 auto}.barrow .track{flex:1;height:8px;background:var(--track);border-radius:999px;overflow:hidden}.barrow .track b{display:block;height:100%;border-radius:999px}.barrow .bc{width:16px;text-align:right;color:var(--sub);font-variant-numeric:tabular-nums}.dl{display:flex;align-items:center;gap:9px;padding:11px 13px;border-bottom:1px solid var(--line)}.dl:last-child{border-bottom:none}.dl .dd{font-size:11px;color:var(--date-c);background:var(--date-soft);padding:2px 9px;border-radius:999px;font-weight:600;flex:0 0 auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl .dt{font-size:12.5px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-header{padding:18px 16px 16px;margin-bottom:14px}.pf-top{display:flex;align-items:center;gap:18px;margin-bottom:13px}.pf-av{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff;display:grid;place-items:center;font-size:27px;font-weight:700;flex:0 0 auto}.pf-stats{flex:1;display:flex;justify-content:space-around;gap:4px}.pf-stat{background:none;border:none;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 8px;border-radius:10px;color:var(--ink);transition:.15s}.pf-stat b{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.pf-stat span{font-size:10.5px;color:var(--sub)}.pf-stat.on{background:var(--accent-soft)}.pf-stat.on b,.pf-stat.on span{color:var(--accent-d)}.pf-name{font-size:15px;font-weight:700}.pf-id{font-size:12.5px;color:var(--sub);margin-top:1px}.pf-bio{font-size:13px;margin-top:7px;color:var(--ink)}.pf-link{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;margin-top:6px;color:var(--accent-d);text-decoration:none;word-break:break-all}.pf-followsyou{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;color:var(--sub);background:var(--surface-2);padding:2px 9px;border-radius:999px}.pf-mutual{margin-top:6px;font-size:11.5px;color:var(--sub)}.pf-link .icon{width:13px;height:13px;flex:0 0 auto}.pf-social{display:flex;align-items:center;gap:18px;margin-top:14px}.pf-soc{background:none;border:none;font-family:inherit;cursor:pointer;font-size:12px;color:var(--sub);padding:0;display:flex;gap:4px;align-items:baseline}.pf-soc b{color:var(--ink);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.pe-av{width:84px;height:84px;border-radius:50%;margin:0 auto;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff;display:grid;place-items:center;font-size:34px;font-weight:700}.up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:55;overflow-y:auto}.up-top{position:sticky;top:0;z-index:2;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.up-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:15px}.up-head button{background:none;border:none;color:var(--ink);display:flex;cursor:pointer;padding:0}.up-head .icon{width:20px;height:20px}.frow{display:flex;align-items:center;gap:11px;padding:10px 16px}.fav{width:40px;height:40px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;flex:0 0 auto;font-size:15px}.frow .fi{flex:1;min-width:0}.frow .fn{font-size:13.5px;font-weight:600}.frow .fu{font-size:11.5px;color:var(--sub)}.fbtn{font-size:12px;font-weight:600;padding:6px 14px;border-radius:9px;border:1px solid var(--line);background:none;cursor:pointer;color:var(--ink);flex:0 0 auto;font-family:inherit}.fbtn.following{background:var(--accent);color:#fff;border-color:var(--accent)}.notif-row{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line)}.notif-row.unread{background:var(--accent-soft)}.notif-body{flex:1;min-width:0}.notif-text{font-size:13px;line-height:1.4}.notif-text b{font-weight:700}.notif-time{font-size:11px;color:var(--sub);margin-top:2px}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto}.header-bell{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--ink);display:flex;cursor:pointer;padding:6px}.header-bell .icon{width:21px;height:21px}.header-bell-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:1.5px solid var(--header-bg)}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--card);width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));animation:up .28s ease;max-height:92vh;overflow-y:auto;overscroll-behavior:contain}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.sheet h3{margin:2px 0 16px;font-size:17px}.sheet-head{touch-action:none;cursor:grab;margin-bottom:16px}.sheet-head:active{cursor:grabbing}.sheet-grip{width:36px;height:4px;border-radius:999px;background:var(--line);margin:0 auto 14px}.sheet-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-head-row h3{margin:0;flex:1;min-width:0;font-size:17px}.sheet-close{flex:0 0 auto;background:var(--surface-2);border:none;color:var(--sub);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;cursor:pointer}.sheet-close .icon{width:16px;height:16px}.field.two{display:flex;gap:10px}.field.two>div{flex:1;min-width:0}.field input[type=date]{min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field label .icon{width:14px;height:14px;vertical-align:-2px;margin-right:3px}.yen-input{position:relative}.yen-input input{padding-right:34px!important}.yen-input:after{content:"円";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--sub);font-size:13px}.catpick{display:flex;gap:7px;flex-wrap:wrap}.catpick .cp{font-size:13px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--sub)}.catpick .cp.on{color:#fff;border-color:transparent}.achieved-field{background:var(--done-soft);border:1px solid #cfe6d6;border-radius:13px;padding:13px;margin-bottom:14px}:root[data-theme=dark] .achieved-field{border-color:#2c4a3a}.achieved-field .af-h{font-size:12.5px;font-weight:700;color:#3f7a54;margin-bottom:10px;display:flex;align-items:center;gap:6px}:root[data-theme=dark] .achieved-field .af-h{color:#7fd3a0}.achieved-field .af-h .icon{width:15px;height:15px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;border-top:1px solid var(--line);margin-top:4px}.toggle-row .tt{font-size:13.5px}.toggle-row .td{font-size:11px;color:var(--sub);margin-top:2px}.switch{width:46px;height:27px;border-radius:999px;background:var(--switch-off);position:relative;cursor:pointer;transition:.2s;flex:0 0 auto}.switch.on{background:var(--accent)}.switch i{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0003}.switch.on i{left:22px}.photo-btn{display:flex;align-items:center;gap:8px;border:1px dashed #b9d8c2;border-radius:11px;padding:12px;color:#4d8266;font-size:13px;cursor:pointer;background:var(--card)}:root[data-theme=dark] .photo-btn{border-color:#2c4a3a;color:#7fd3a0}.photo-btn .icon{width:16px;height:16px}.photo-prev{position:relative;margin-top:4px}.photo-prev img{width:100%;height:150px;object-fit:cover;border-radius:11px}.photo-prev .rm{position:absolute;top:8px;right:8px;background:#0000008c;color:#fff;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;display:grid;place-items:center}.photo-prev .rm .icon{width:14px;height:14px}.hint1{font-size:11px;color:#4d8266;margin-top:6px}:root[data-theme=dark] .hint1{color:#7fd3a0}.star-pick{display:flex;gap:6px}.star-btn{cursor:pointer;color:var(--switch-off)}.star-btn .icon{width:24px;height:24px;fill:currentColor;stroke:currentColor}.star-btn.on{color:#e0a83b}.searchbar{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:10px 13px}.searchbar input{border:none;outline:none;flex:1;font-size:15px;background:none;font-family:inherit;color:var(--ink)}.searchbar .si{color:var(--sub);display:flex}.searchbar .si .icon{width:18px;height:18px}.confirm-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:50;display:none;align-items:center;justify-content:center;padding:24px}.confirm-bg.show{display:flex}.confirm{background:var(--card);border-radius:16px;padding:22px 20px;max-width:320px;width:100%;text-align:center;animation:pop .2s}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}.confirm .c-title{font-size:15.5px;font-weight:700}.confirm .c-sub{font-size:13px;color:var(--sub);margin-top:8px;word-break:break-word}.confirm .c-actions{display:flex;gap:10px;margin-top:20px}.confirm .c-actions .btn{flex:1}.empty{text-align:center;color:var(--sub);padding:46px 20px;font-size:13.5px}.empty .emo{display:block;margin-bottom:12px;color:var(--sub);opacity:.7}.empty .emo .icon{width:38px;height:38px;stroke-width:1.5}.fab{position:fixed;bottom:calc(82px + var(--safe-b));right:18px;width:54px;height:54px;border-radius:50%;background:var(--accent);color:#fff;border:none;box-shadow:0 6px 18px #e08a4b73;cursor:pointer;z-index:30;display:grid;place-items:center}.fab .icon{width:26px;height:26px;stroke-width:2.4}@media (min-width: 481px){.fab{right:calc(50% - 222px)}}.fab:active{transform:scale(.92)}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;padding-bottom:var(--safe-b);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:25}nav button{flex:1;background:none;border:none;padding:9px 2px;cursor:pointer;color:var(--sub);display:flex;flex-direction:column;align-items:center;gap:4px;font-family:inherit}nav button .ic{line-height:1;display:flex}nav button .ic .icon{width:22px;height:22px;stroke-width:1.9}nav button .lb{font-size:10px}nav button.on{color:var(--accent-d)}.toast{position:fixed;bottom:calc(150px + var(--safe-b));left:50%;transform:translate(-50%) translateY(20px);background:var(--ink);color:#fff;padding:11px 20px;border-radius:999px;font-size:13px;font-weight:600;z-index:60;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap;box-shadow:0 6px 20px #00000040;display:flex;align-items:center;gap:7px}.toast .icon{width:15px;height:15px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.kebab{flex:0 0 auto;background:none;border:none;color:var(--sub);font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.action-sheet{padding:6px 12px calc(14px + env(safe-area-inset-bottom))}.as-title{font-size:12px;color:var(--sub);text-align:center;padding:12px 0 6px;font-weight:600}.as-btn{width:100%;background:var(--card);border:none;border-top:1px solid var(--line);padding:15px;font-size:15px;font-family:inherit;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.as-btn .icon{width:17px;height:17px}.as-btn.danger{color:var(--danger)}.as-btn.cancel{margin-top:8px;border-top:none;border-radius:12px;background:var(--surface-2);font-weight:600;color:var(--sub)}