:root{--bg: #f6f3ec;--surface: #ffffff;--text: #2b2a27;--muted: #7a766c;--line: #e4ded1;--primary: #2f6f5e;--primary-ink: #ffffff;--accent: #e8a33d;--danger: #c4543d;--done: #b9b4a8;--radius: 14px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #1c1d1b;--surface: #272926;--text: #ecebe6;--muted: #a19d93;--line: #3a3c38;--primary: #5fb39b;--primary-ink: #10241e;--accent: #f0b65a;--danger: #e07a63;--done: #5d5b55;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent}a{color:var(--primary)}input,select,button{font:inherit;color:inherit}input,select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:0}h1,h2{margin:0}.app{max-width:520px;margin:0 auto;min-height:100dvh}.screen{padding:16px 16px 96px}.screen-title{font-size:22px;margin:4px 0 16px}.muted{color:var(--muted)}.small{font-size:13px}.right{margin-left:auto}.mono{font-variant-numeric:tabular-nums}.dim{opacity:.25}.stars{color:var(--accent);letter-spacing:1px}.row{display:flex;gap:8px;align-items:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px}.card h2{font-size:17px;margin-bottom:12px}.empty{text-align:center;color:var(--muted);padding:40px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-decoration:none;color:var(--text)}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:transparent;font-weight:700}.btn.big{padding:14px 22px;font-size:17px;width:100%}.btn.huge{padding:22px;font-size:22px;width:100%;box-shadow:0 6px 18px #00000026}.btn.small{padding:6px 12px;font-size:14px}.btn.ghost{background:transparent}.icon{background:none;border:none;padding:6px;cursor:pointer;font-size:16px;flex:none}.icon:disabled{opacity:.25}.link-row{display:block;text-align:center;padding:16px;text-decoration:none}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;max-width:104px;display:flex;flex-direction:column;align-items:center;padding:8px 0;font-size:20px;text-decoration:none;color:var(--muted);filter:grayscale(1);opacity:.7}.tabbar a span{font-size:11px}.tabbar a.active{color:var(--primary);filter:none;opacity:1;font-weight:700}.login{max-width:400px;margin:0 auto;padding:48px 16px;text-align:center}.login-logo{font-size:64px}.login h1{font-size:28px}.catch{color:var(--muted);margin:4px 0 32px}.form{text-align:left;display:grid;gap:14px}.form label{display:grid;gap:4px;font-size:14px;color:var(--muted)}.form-error{color:var(--danger);margin:0;font-size:14px}.expbar-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.title-badge{background:var(--accent);color:#2b2a27;border-radius:999px;padding:1px 10px;font-size:13px;font-weight:700}.bar{height:12px;background:var(--line);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--primary));border-radius:999px;transition:width .6s}.home-head{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stats{display:flex;gap:24px;margin-top:12px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:22px}.stats span{font-size:12px;color:var(--muted)}.wait-timer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px dashed var(--accent)}.wait-timer.ready{background:var(--accent);color:#2b2a27;border-style:solid}.next{margin-top:28px;text-align:center;display:grid;gap:10px}.next-area{font-weight:700;color:var(--primary);display:flex;gap:8px;justify-content:center;align-items:center}.next-title{font-size:26px;line-height:1.35}.next-meta{display:flex;gap:12px;justify-content:center;color:var(--muted);font-size:14px;margin-bottom:12px}.tag{font-size:12px;padding:1px 8px;border-radius:999px;font-weight:700}.tag.deadline{background:var(--danger);color:#fff}.area{margin-bottom:20px}.area.pinned{background:var(--surface);border:2px solid var(--danger);border-radius:var(--radius);padding:12px}.area-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.area-head h2{font-size:17px}.quest-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.quest-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.quest-row .quest-title{flex:1}.quest-row .quest-meta{font-size:13px;color:var(--muted);white-space:nowrap}.quest-row .check{color:var(--primary);width:1em}.quest-row.doing{border-color:var(--primary)}.quest-row.done{color:var(--done);background:transparent;cursor:default}.quest-row.done .quest-title{text-decoration:line-through}.quest-row.done .stars,.quest-row.done .check{color:var(--done)}.run,.complete{text-align:center;display:grid;gap:10px;padding-top:8px}.back{justify-self:start;text-decoration:none;color:var(--muted)}.run-title{font-size:24px;line-height:1.35}.timer{position:relative;width:240px;height:240px;margin:8px auto}.timer svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-track{fill:none;stroke:var(--line);stroke-width:12}.timer-ring{fill:none;stroke:var(--primary);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.timer.finished .timer-ring{stroke:var(--accent)}.timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-text strong{font-size:48px}.timer.finished .timer-text strong{font-size:26px}.run-actions{display:flex;gap:10px}.run-actions .btn.big{flex:1;width:auto}.photo-row{margin-top:16px;display:grid;gap:6px;justify-items:center}.photo-input{display:flex;align-items:center;justify-content:center;width:140px;height:105px;border:2px dashed var(--line);border-radius:12px;cursor:pointer;overflow:hidden;color:var(--muted);font-size:14px}.photo-input img,.before-after img{width:100%;height:100%;object-fit:cover}.before-after{display:flex;gap:8px}.before-after>img{width:140px;height:105px;border-radius:12px}.complete-badge{font-size:40px;font-weight:900;color:var(--accent);letter-spacing:4px;animation:pop .5s ease-out}.gain{font-size:30px;font-weight:800;color:var(--primary)}.levelup{background:var(--accent);color:#2b2a27;border-radius:12px;padding:10px;font-weight:800}.levelup .title-badge{background:#fff}.note{background:var(--surface);border-radius:12px;padding:10px;font-size:14px;margin:0}.one-more{margin:24px 0 8px;display:grid;gap:6px}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.reward-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;cursor:pointer;animation:pop .4s ease-out}.reward-popup img{max-width:100%;max-height:70dvh;border-radius:16px;box-shadow:0 0 0 6px #fff,0 10px 40px #00000080}.reward-label{font-size:22px;font-weight:800}.reward-popup .muted{color:#ddd}.judge-card{text-align:center;padding:28px 16px;margin-top:16px}.judge-card h2{font-size:22px;margin:12px 0 24px}.judge-buttons{display:grid;gap:10px}.verdict-emoji{font-size:56px}.verdict h2{font-size:32px;margin:4px 0 8px}.file-btn{margin-bottom:16px}.photo-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.photo-grid li{position:relative;aspect-ratio:1}.photo-grid img{width:100%;height:100%;object-fit:cover;border-radius:10px}.photo-delete{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer}.campaigns{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}.campaign{width:100%;display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:transparent;cursor:pointer}.campaign.active{border-color:var(--primary);color:var(--primary);font-weight:700}.new-campaign{display:grid;gap:8px}.new-campaign .btn{flex:none}.campaign-name{font-size:20px;font-weight:700;margin-bottom:12px}.area-editor .row>input{font-weight:700}.inline{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:8px 0}.inline input{width:auto}.quest-edit-list{list-style:none;padding:0;margin:8px 0;display:grid;gap:4px}.quest-edit .row>input{font-weight:400;padding:8px 10px}.quest-edit.done .row>input{color:var(--done);text-decoration:line-through}.quest-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0 8px 32px;font-size:13px;color:var(--muted)}.quest-fields label{display:flex;align-items:center;gap:4px;white-space:nowrap;min-width:0}.quest-fields input,.quest-fields select{padding:6px 8px;flex:1;width:auto}.add-row{margin-top:8px}.add-row .btn{flex:none}.danger-zone{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.danger{color:var(--danger)}.sync-error{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--danger);color:#fff;padding:10px 16px;font-size:14px;text-align:center}