:root{--primary: #e64a4a;--primary-dark: #d32f2f;--ink: #2e2e2e;--ink-soft: #5d4037;--muted: #7a7a7a;--sand: #fff7f4;--sand-2: #f5ebe9;--line: #d7ccc8;--bad: #e53935;--warn: #b45309;--warn-bg: #fef3c7;--card: #ffffff;--coral-container: #ffdccb;--green-container: #e8f5e9;--green: #43a047;--brown: #4e342e;--tabbar: 64px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior-y:none}a{color:var(--primary-dark)}.muted{color:var(--muted)}.meta{font-size:.8rem}.shell{height:100%;display:flex;flex-direction:column}.screen{flex:1;overflow-y:auto;padding:12px 14px calc(var(--tabbar) + 20px);max-width:720px;margin:0 auto;width:100%;position:relative}.screen h1{font-size:1.3rem;margin:6px 0 12px}.screen h2{font-size:1.05rem;margin:20px 0 8px}.centered{max-width:380px;margin:0 auto;padding:15vh 20px 20px;text-align:center;display:grid;gap:14px}.centered--wide{max-width:520px;text-align:left;padding-top:8vh}.state{display:grid;place-items:center;gap:12px;padding:28px 0;text-align:center}.tabbar{display:flex;flex:none;background:var(--sand-2);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;text-decoration:none;color:var(--brown);font-size:.72rem}.tabbar__item.is-on{color:var(--primary)}.tabbar__label{line-height:1.1;font-weight:500}.map{position:relative;flex:1;min-height:0}.map>.map__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map__notice{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2;background:#fffffff0;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.85rem;max-width:calc(100% - 24px);text-align:center}.map__notice-detail{display:block;margin-top:4px;font-size:.72rem;line-height:1.35;text-align:left;color:var(--muted);word-break:break-word}.map__notice--low{top:auto;bottom:84px}.map__add{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border:0;border-radius:999px;background:var(--primary);color:#fff;font:inherit;font-weight:600;cursor:pointer}.map__snack{position:absolute;left:10px;right:10px;bottom:132px;z-index:3;background:var(--brown);color:#fff;border-radius:12px;padding:12px 14px;font-size:.9rem;line-height:1.35;box-shadow:0 2px 10px #00000040}.screen--detail .map__snack{position:fixed;left:14px;right:14px;bottom:calc(var(--tabbar) + 16px);max-width:440px;margin:0 auto}.map__filter{position:absolute;top:10px;left:10px;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:16px;background:var(--coral-container);color:var(--primary);cursor:pointer}.map__filter.is-on{background:var(--primary);border-color:var(--primary);color:#fff}.map__locate{position:absolute;right:12px;bottom:76px;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:16px;background:var(--coral-container);color:var(--primary);cursor:pointer}.map__refresh{position:absolute;right:12px;bottom:134px;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:16px;background:var(--coral-container);color:var(--primary);cursor:pointer;transition:transform .15s ease-out,opacity .15s ease-out}.map__refresh:active{transform:rotate(90deg)}.map__refresh:disabled{opacity:.6;cursor:default}.pin{width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:var(--pin, #43a047);box-shadow:0 1px 4px #00000059;display:grid;place-items:center;font-size:15px;line-height:1;padding:0;cursor:pointer}.pin--cluster{width:var(--cluster-size, 32px);height:var(--cluster-size, 32px);background:var(--brown);color:#fff;border:2.5px solid #fff;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.alist,.board{list-style:none;margin:0;padding:0;display:grid;gap:10px}.acard{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.acard.is-unread{border-color:var(--primary)}.acard--text{padding:12px 14px}.acard--text p{margin:6px 0 0}.acard__link{display:flex;gap:12px;align-items:center;padding:10px;text-decoration:none;color:inherit}.acard__photo{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none;background:var(--sand-2)}.acard__photo--none{display:grid;place-items:center;font-size:26px}.acard__text{display:grid;gap:2px;min-width:0}.dot{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--ink-soft)}.dot:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dot, #43a047);flex:none}.screen--detail{padding:0 0 calc(var(--tabbar) + 20px)}.detail__head{position:relative;background:var(--sand-2)}.detail__photo{width:100%;max-height:320px;object-fit:cover;display:block}.detail__photo--none{display:grid;place-items:center;height:180px;font-size:64px}.detail__back{position:absolute;top:10px;left:10px;min-width:40px;height:40px;padding:0 10px;border-radius:999px;background:#fffffff2;box-shadow:0 2px 8px #0000001f;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--ink);font-size:1rem;font-weight:500;cursor:pointer;z-index:5;transition:background .15s ease,transform .15s ease}.detail__back:hover{background:#fff;transform:translateY(-1px)}.detail__body{padding:14px;max-width:720px;margin:0 auto}.detail__body h1{margin:0 0 6px;font-size:1.35rem}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}.timeline__row{display:flex;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}.timeline__row p{margin:4px 0 0}.timeline__photo{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none}.leaderboard-screen{max-width:580px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:14px 16px calc(var(--tabbar) + 24px)}.leaderboard__header{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.leaderboard__title-wrap{display:flex;align-items:center;gap:12px}.leaderboard__trophy-icon{font-size:32px;line-height:1;filter:drop-shadow(0 2px 6px rgba(234,179,8,.3))}.leaderboard__title{margin:0;font-size:1.4rem;font-weight:700;color:var(--ink);letter-spacing:-.02em}.leaderboard__subtitle{margin:2px 0 0;font-size:.85rem;color:var(--muted)}.leaderboard__periods{display:flex;align-items:center;gap:6px;background:var(--sand-2);padding:5px;border-radius:14px;border:1px solid var(--line)}.leaderboard__period-btn{flex:1;padding:8px 10px;border:none;background:transparent;color:var(--ink-soft);font:inherit;font-size:.85rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:center;white-space:nowrap}.leaderboard__period-btn:hover{color:var(--ink)}.leaderboard__period-btn.is-active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #00000014}.leaderboard__my-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#ffffff 0%,var(--coral-container) 100%);border:1px solid rgba(230,74,74,.2);border-radius:16px;padding:14px 16px;box-shadow:0 4px 14px #e64a4a14}.leaderboard__my-card-left{display:flex;align-items:center;gap:12px}.leaderboard__my-card-badge{font-size:26px;line-height:1}.leaderboard__my-card-text{display:flex;flex-direction:column}.leaderboard__my-card-title{font-size:.98rem;font-weight:700;color:var(--ink)}.leaderboard__my-card-sub{font-size:.82rem;color:var(--ink-soft)}.leaderboard__my-card-points{display:flex;align-items:baseline;gap:4px;background:#fff;padding:6px 12px;border-radius:999px;border:1px solid var(--line);box-shadow:0 1px 4px #0000000a}.leaderboard__my-card-pts{font-size:1.15rem;font-weight:800;color:var(--primary)}.leaderboard__my-card-unit{font-size:.8rem;font-weight:600;color:var(--muted)}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.board__row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 1px 4px #00000005;transition:transform .15s ease,box-shadow .15s ease}.board__row:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000000d}.board__row--top1{background:linear-gradient(90deg,#fffef0,#fff);border-color:#fde047;box-shadow:0 4px 12px #eab3081a}.board__row--top2{background:linear-gradient(90deg,#f8fafc,#fff);border-color:#cbd5e1}.board__row--top3{background:linear-gradient(90deg,#fff7ed,#fff);border-color:#fdba74}.board__row--me{background:linear-gradient(90deg,#f0fdf4,#fff);border-color:#86efac;border-width:1.5px}.board__rank{min-width:32px;display:grid;place-items:center;flex:none}.board__rank-badge{font-size:1.25rem;line-height:1}.board__rank-badge--num{font-size:.95rem;font-weight:700;color:var(--muted);width:26px;height:26px;border-radius:50%;background:var(--sand-2);display:grid;place-items:center}.board__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--sand-2);border:1px solid var(--line);flex:none}.board__avatar--none{display:grid;place-items:center;font-weight:700;color:var(--brown);background:var(--coral-container);font-size:.95rem}.board__user-info{flex:1;min-width:0}.board__name-row{display:flex;align-items:center;gap:8px}.board__name{font-size:.95rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board__me-tag{font-size:.72rem;padding:2px 8px;flex:none}.board__crown-tag{font-size:.75rem;font-weight:700;background:#fef08a;color:#854d0e;padding:2px 8px;border-radius:999px;flex:none}.board__points-wrap{display:flex;align-items:baseline;gap:4px;background:var(--sand);padding:5px 10px;border-radius:999px;border:1px solid var(--line);flex:none}.board__points-value{font-size:.95rem;font-weight:700;color:var(--ink)}.board__points-label{font-size:.75rem;color:var(--muted);font-weight:500}.leaderboard__guide-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:8px}.leaderboard__guide-title{font-size:.92rem;font-weight:700;color:var(--ink)}.leaderboard__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:440px){.leaderboard__guide-grid{grid-template-columns:1fr}}.leaderboard__guide-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--sand);border-radius:12px;border:1px solid var(--line)}.leaderboard__guide-icon{font-size:20px;flex:none}.leaderboard__guide-desc{display:flex;flex-direction:column;min-width:0}.leaderboard__guide-desc strong{font-size:.8rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard__guide-desc span{font-size:.75rem;font-weight:700;color:var(--primary)}.pcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px;display:grid;gap:4px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row--between{justify-content:space-between}.field{display:grid;gap:4px;margin-bottom:10px}.field span{font-size:.85rem;color:var(--ink-soft)}.field select,.field textarea{font:inherit;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card);width:100%}.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;line-height:1.45}.check input{width:20px;height:20px;margin-top:2px;flex:none}.btn{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--quiet{min-height:40px;font-weight:500;color:var(--ink-soft);border-color:transparent;background:transparent}.btn--wide{width:100%}.notice{margin:8px 0;padding:10px 12px;border-radius:10px;background:var(--warn-bg);color:var(--warn);font-size:.88rem}.notice--bad{background:#fdecea;color:var(--bad)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0006;display:flex;align-items:flex-end}.sheet__panel{background:var(--card);width:100%;max-width:520px;margin:0 auto;border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:grid;gap:10px}.sheet__panel h2{margin:0}.sheet--camera{align-items:center;justify-content:center;padding:16px;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sheet__panel--camera{max-width:460px;width:100%;margin:auto;border-radius:24px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#18181b;color:#fff;box-shadow:0 25px 50px -12px #000000b3;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:14px}.camera__header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.camera__title{font-size:1rem;font-weight:600;color:#f4f4f5;letter-spacing:-.01em}.camera__close-btn{background:#ffffff1f;border:none;color:#e4e4e7;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:.9rem;transition:background .15s}.camera__close-btn:hover{background:#ffffff40}.camera__viewfinder{position:relative;width:100%;aspect-ratio:4 / 3;max-height:55vh;border-radius:16px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.camera__preview{width:100%;height:100%;object-fit:cover;display:block}.camera__reticle{position:absolute;top:16px;right:16px;bottom:16px;left:16px;pointer-events:none}.camera__corner{position:absolute;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.85)}.camera__corner--tl{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:6px}.camera__corner--tr{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:6px}.camera__corner--bl{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:6px}.camera__corner--br{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:6px}.camera__focus-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px dashed rgba(255,255,255,.4);border-radius:50%}.camera__loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center}.camera__controls{display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.camera__cancel-btn{color:#a1a1aa;font-size:.95rem;border:none;background:transparent;cursor:pointer;padding:8px 14px}.camera__cancel-btn:hover{color:#fff}.camera__control-spacer{width:60px}.camera__shutter-btn{width:68px;height:68px;border-radius:50%;background:transparent;border:4px solid #ffffff;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease;flex:none}.camera__shutter-btn:active{transform:scale(.92)}.camera__shutter-btn:disabled{opacity:.4;cursor:not-allowed}.camera__shutter-inner{width:100%;height:100%;border-radius:50%;background:var(--primary);display:block;transition:background .15s}.camera__shutter-btn:hover .camera__shutter-inner{background:var(--primary-dark)}.camera__denied-box{padding:24px 16px;text-align:center;display:grid;gap:16px}.camera__denied-icon{font-size:42px}.camera__denied-text{color:#e4e4e7;font-size:.95rem;line-height:1.4;margin:0}.camera__denied-actions{display:flex;flex-direction:column;gap:8px}.add-wizard{max-width:560px;padding:14px 16px calc(var(--tabbar) + 24px)}.add-wizard__header{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative}.add-wizard__back-btn{display:inline-flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.88rem;font-weight:500;color:var(--ink);cursor:pointer;transition:background .15s,transform .15s;flex:none}.add-wizard__back-btn:hover{background:#fff;transform:translate(-2px)}.add-wizard__back-arrow{font-size:1.1rem;line-height:1}.add-wizard__title-group{display:flex;align-items:baseline;justify-content:space-between;flex:1;min-width:0}.add-wizard__title{margin:0;font-size:1.35rem;font-weight:700;color:var(--ink);letter-spacing:-.02em}.add-wizard__step-badge{font-size:.8rem;font-weight:600;padding:4px 10px;background:var(--coral-container);color:var(--brown);border-radius:999px;flex:none}.add-stepper{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background:var(--card);padding:12px 16px;border-radius:16px;border:1px solid var(--line);box-shadow:0 1px 4px #00000008}.add-stepper__item{display:flex;align-items:center;gap:8px;opacity:.45;transition:opacity .2s}.add-stepper__item.is-active{opacity:1}.add-stepper__dot{width:26px;height:26px;border-radius:50%;background:var(--sand-2);color:var(--ink-soft);display:grid;place-items:center;font-size:.78rem;font-weight:700;border:1.5px solid var(--line);transition:all .2s}.add-stepper__item.is-active .add-stepper__dot{background:var(--primary);border-color:var(--primary);color:#fff}.add-stepper__item.is-done .add-stepper__dot{background:var(--green);border-color:var(--green);color:#fff}.add-stepper__label{font-size:.82rem;font-weight:600;color:var(--ink);white-space:nowrap}@media(max-width:440px){.add-stepper__label{display:none}}.add-stepper__line{flex:1;height:2px;background:var(--line);margin:0 10px;transition:background .2s}.add-stepper__line.is-active{background:var(--primary)}.add-step{display:flex;flex-direction:column;gap:16px}.add-step__intro h2{font-size:1.15rem;font-weight:700;margin:0 0 4px;color:var(--ink)}.add-step__intro p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.4}.add-camera-box{background:linear-gradient(180deg,#ffffff 0%,var(--sand) 100%);border:2px dashed var(--line);border-radius:20px;padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s ease}.add-camera-box:hover{border-color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #e64a4a14}.add-camera-box__pulse-ring{width:72px;height:72px;border-radius:50%;background:var(--coral-container);display:grid;place-items:center;margin-bottom:4px;box-shadow:0 0 0 8px #ffdccb66;transition:transform .2s ease}.add-camera-box:hover .add-camera-box__pulse-ring{transform:scale(1.08)}.add-camera-box__icon{font-size:34px}.add-camera-box__title{font-size:1.1rem;font-weight:700;color:var(--ink)}.add-camera-box__desc{font-size:.85rem;color:var(--muted);margin:0;max-width:280px;line-height:1.35}.add-camera-box__btn{margin-top:8px;min-width:160px}.add-photo-preview-wrap{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4 / 3;width:100%;max-height:360px;background:#111;box-shadow:0 4px 16px #0000001a;border:1px solid var(--line)}.add-photo-preview-img{width:100%;height:100%;object-fit:cover;display:block}.add-photo-preview-badge{position:absolute;top:12px;left:12px}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid transparent}.badge-pill--ready{background:#2e7d32e6;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-pill--loading{background:#000000bf;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-pill--error{background:#e53935e6;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-pill--neutral{background:var(--sand-2);color:var(--ink);border-color:var(--line)}.add-photo-retake-btn{position:absolute;top:12px;right:12px;background:#ffffffeb;border:1px solid var(--line);color:var(--ink);padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease}.add-photo-retake-btn:hover{background:#fff;transform:scale(1.03)}.add-tip-card{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;padding:12px 14px}.add-tip-card__icon{font-size:1.1rem;flex:none}.add-tip-card__body{font-size:.82rem;color:#92400e;line-height:1.4}.add-error-box{margin:0}.add-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 4px #00000005}.add-card__label{font-size:.92rem;font-weight:700;color:var(--ink)}.chips--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin:0}.chip--selectable{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;font-size:.85rem;font-weight:500;border-radius:12px;background:var(--sand);border:1px solid var(--line);color:var(--ink);transition:all .15s ease}.chip--selectable:hover{border-color:var(--primary);background:#fff}.chip--selectable.chip--on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 3px 10px #e64a4a40}.chip__emoji{font-size:1.1rem}.chip__swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2);flex:none}.chip__status-dot{width:10px;height:10px;border-radius:50%;flex:none}.field__title{font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:6px;display:block}.field__input,.field__textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:.92rem;background:var(--sand);color:var(--ink);transition:border-color .15s,background .15s}.field__input:focus,.field__textarea:focus{outline:none;border-color:var(--primary);background:#fff}.add-summary-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.add-summary-card__img{width:72px;height:72px;border-radius:12px;object-fit:cover;flex:none;border:1px solid var(--line)}.add-summary-card__info{display:flex;flex-direction:column;gap:6px;min-width:0}.add-summary-card__title{font-size:1.05rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-summary-card__tags{display:flex;flex-wrap:wrap;gap:6px}.add-no-duplicates{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;color:#166534}.add-no-duplicates__icon{font-weight:700}.add-duplicates-box{display:flex;flex-direction:column;gap:8px}.add-actions{display:flex;gap:12px;margin-top:8px}.add-actions__next,.add-submit-btn{font-weight:600;letter-spacing:-.01em}.spinner-mini{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.spinner--sm{width:16px;height:16px;border-width:2px;border-top-color:#fff}.photo--placeholder{display:grid;place-items:center;background:var(--sand-2);color:var(--muted);font-size:.8rem;min-height:56px}.photo--error{color:var(--bad)}.tabbar__icon{position:relative;display:grid;place-items:center;width:64px;height:32px;border-radius:16px;transition:background .12s ease-out}.badge{position:absolute;top:-6px;left:60%;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--primary);color:#fff;font-size:.65rem;font-weight:700;line-height:17px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:760px){body{background:#ece2df}.shell{max-width:460px;margin:0 auto;background:var(--sand);box-shadow:0 0 0 1px var(--line),0 12px 44px #4e342e24}.screen,.detail__body{max-width:none}}.pcard--identity{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.avatar-wrapper{position:relative;display:inline-block}.avatar-btn{position:relative;border:0;background:none;padding:0;cursor:pointer;border-radius:50%;display:block}.avatar-btn:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.avatar-badge{position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 2px 6px #0003}.avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--sand-2);display:grid;place-items:center;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar__none{font-size:2rem}.identity__name{border:0;background:none;padding:4px 8px;font:inherit;font-size:1.25rem;font-weight:600;color:var(--ink);cursor:pointer}.identity__handle{border:0;background:none;padding:6px 10px;min-height:44px;font:inherit;font-size:.9rem;color:var(--ink-soft);cursor:pointer}.identity__points{margin:4px 0 0;color:var(--primary);font-weight:600}.identity__badge{margin:0;color:var(--primary);font-weight:600;font-size:.95rem}.meter{width:100%;height:8px;border-radius:999px;background:var(--sand-2);overflow:hidden}.meter__fill{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .2s ease-out}.rule{border:0;border-top:1px solid var(--line);margin:20px 0 4px}.btn--danger{color:var(--bad);border-color:var(--bad)}.switches{list-style:none;margin:4px 0 0;padding:0}.switch>label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:4px 0;cursor:pointer}.switch input{width:44px;height:26px;flex:none;accent-color:var(--primary);cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 14px;min-height:40px;font:inherit;font-size:.9rem;cursor:pointer}.chip--on{background:var(--primary);border-color:var(--primary);color:#fff}.chip--sm{min-height:0;padding:3px 10px;font-size:.78rem}.sent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sent__item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.sent__item p{margin:0 0 6px}.sent__item p:last-child{margin-bottom:0}.sent__reply{color:var(--primary)}.field textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);resize:vertical;width:100%}.tabbar__item.is-on{color:var(--ink)}.tabbar__item.is-on .tabbar__icon{background:var(--green-container);color:var(--green)}.tabbar__item.is-on .tabbar__label{font-weight:600}.icon{display:block}