:root{--bg: #f4f5f7;--surface: #ffffff;--border: #d5d9e0;--border-strong: #aeb5c0;--text: #1a1d23;--text-muted: #5c6472;--accent: #33738c;--accent-hover: #285b70;--header: #26586c;--danger: #b3261e;--ok: #1a7f4b;--radius: 8px;--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;font-size:16px;font-weight:500;line-height:1.6;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:0 0 .75rem}a{color:var(--accent)}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right));display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:10}.app-header .brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);white-space:nowrap;flex:none}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:700;letter-spacing:-.02em}.brand-name{font-weight:700;font-size:.95rem}.brand-divider{width:1px;height:16px;background:var(--border);flex:none}.page-name{color:var(--text-muted);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.app-header .spacer{flex:1}.app-header .icon-btn{min-width:36px;min-height:36px;font-size:1rem}.account{position:relative;flex:none}.avatar{width:36px;height:36px;border-radius:50%;border:0;background:#dcebf1;color:#1f4b5c;font:inherit;font-size:.82rem;font-weight:700;display:grid;place-items:center}.account-menu{position:absolute;right:0;top:calc(100% + .4rem);min-width:15rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #10182829;padding:.35rem;z-index:20}.account-mail{font-size:.78rem;color:var(--text-muted);padding:.5rem .6rem;border-bottom:1px solid var(--border);margin-bottom:.35rem;overflow-wrap:anywhere}.account-menu button{display:block;width:100%;text-align:left;font:inherit;font-size:.88rem;background:none;border:0;border-radius:6px;padding:.6rem;min-height:44px;color:var(--text)}.account-menu button:hover{background:var(--bg)}.account-menu button small{display:block;font-size:.72rem;color:var(--text-muted)}.account-menu button.danger{color:var(--danger)}.container{max-width:1000px;margin:0 auto;padding:1.25rem 1rem 4rem;padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right));padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.container-narrow{max-width:560px}.page-head{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-head .spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card+.card{margin-top:1rem}.field{margin-bottom:1rem}.field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.field .hint{font-size:.8rem;color:var(--text-muted);margin-top:.3rem}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],textarea,select{width:100%;padding:.65rem .75rem;font:inherit;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius)}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}textarea{min-height:5rem;resize:vertical}.field-row{display:flex;gap:.75rem;flex-wrap:wrap}.field-row>*{flex:1;min-width:150px}button,.btn{font:inherit;font-size:.95rem;font-weight:600;padding:.6rem 1.1rem;min-height:44px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;white-space:nowrap}@media(hover:hover){button:hover:not(:disabled),.btn:hover{background:#eef0f4}.tchip.on:hover,.kopt.on:hover,.apick.on:hover,.abtn.pri:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.pinbtn:hover,.hl-side:hover,.sp-name:hover{background:none}.tchip:hover:not(.on),.kopt:hover:not(.on),.selbar-close:hover,.kadd:hover,.kicon:hover{background:#e4e8ee}}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:#e3b5b2}.btn-danger:hover:not(:disabled){background:#fdf2f1}.btn-sm{min-height:36px;padding:.35rem .7rem;font-size:.85rem}.btn-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.site-list{display:grid;gap:.75rem}.site-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.15rem;display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.site-item:hover{border-color:var(--accent)}.site-item .title{font-weight:700;font-size:1.05rem}.site-item .meta{color:var(--text-muted);font-size:.85rem;margin-top:.15rem}.site-item .count{margin-left:auto;color:var(--text-muted);font-size:.85rem;white-space:nowrap}.albums{display:flex;flex-direction:column;gap:1.5rem}.album-head{display:flex;align-items:baseline;gap:.6rem;padding-bottom:.4rem;margin-bottom:.6rem;border-bottom:2px solid var(--border)}.album-head h3{margin:0;font-size:1.05rem}.album-head .spacer{flex:1}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.thumb-tile{position:relative;padding:0;min-height:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;aspect-ratio:1;background:#e6e8ec;cursor:pointer}.thumb-tile img{width:100%;height:100%;object-fit:cover;display:block}.thumb-tile:hover{border-color:var(--accent);background:#e6e8ec}.thumb-tile.selected{border-color:var(--accent);outline:3px solid var(--accent);outline-offset:-3px}.thumb-tile .thumb-blank{display:block;width:100%;height:100%}.thumb-tile .tick{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:#00000059;color:#fff;font-size:.8rem;line-height:18px;text-align:center;font-weight:700}.thumb-tile.selected .tick{background:var(--accent)}.thumb-tile .badge{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;line-height:18px;text-align:center}.segmented{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:2px;gap:2px}.segmented button{font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted);background:none;border:0;border-radius:5px;padding:.3rem 1.1rem;min-height:34px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.stages{display:flex;flex-direction:column}.stage{display:grid;grid-template-columns:3.25rem 1fr;column-gap:1.1rem}.rail{display:flex;flex-direction:column;align-items:center;padding-top:.15rem}.seq{font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#fff;background:var(--accent);border-radius:5px;width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;flex:none}.rail:after{content:"";flex:1;width:2px;background:var(--border);margin-top:.5rem}.stage:last-of-type .rail:after{background:transparent}.stage-body{display:flex;flex-direction:column;gap:.85rem;padding-bottom:2.25rem;min-width:0}.stage-head{display:flex;flex-direction:column;gap:.55rem}.stage-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stage-title .spacer,.work-head .spacer{flex:1}.stage-name{font-size:1.3rem;font-weight:700;letter-spacing:.05em;text-wrap:balance}.work-name{font-size:.97rem;font-weight:700;line-height:1.45}.chip-name{font-size:.84rem;font-weight:600}button.editable{min-height:0;padding:.1rem .35rem;margin-left:-.35rem;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;text-align:left;justify-content:flex-start;white-space:normal}button.editable:hover{background:var(--bg);border-color:var(--border)}.name-input{flex:1;min-width:8rem;padding:.3rem .5rem;font-size:.95rem}.tally{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.gauge{display:flex;flex-direction:column;gap:.3rem}.ticks{display:flex;gap:3px}.ticks i{flex:1;height:5px;background:var(--border);border-radius:1px}.ticks i.done{background:var(--accent)}.gauge small{font-size:.74rem;color:var(--text-muted)}.works{display:flex;flex-direction:column;gap:.5rem}.work{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;display:flex;flex-direction:column;gap:.6rem}.work.empty{background:var(--bg);border-style:dashed}.work.empty .work-name{color:var(--text-muted);font-weight:600}.work-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.flag{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#8a5d0a;background:#f7efdc;border-radius:3px;padding:.1rem .4rem;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.chip{display:inline-flex;align-items:center;gap:.3rem;background:#e6eff3;border-radius:3px;padding:.25rem .55rem}.chip .hash{color:var(--accent);font-weight:700}.chip .n{color:var(--text-muted);font-size:.76rem;font-variant-numeric:tabular-nums}.icon-btn{font:inherit;font-size:.78rem;line-height:1;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:5px;min-width:32px;min-height:32px;padding:0 .35rem;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover:not(:disabled){border-color:var(--danger);background:#fdf2f1}.icon-btn.bare{min-width:22px;min-height:22px;border-color:transparent;background:none;padding:0}.add{font:inherit;font-size:.82rem;font-weight:700;color:var(--accent);background:none;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:.3rem .75rem;min-height:34px}.add:hover{border-color:var(--accent);background:#eef4fc}.add.block{width:100%;min-height:40px}.inline-add{display:flex;align-items:center;gap:.4rem;flex:1;min-width:12rem}.inline-add input{flex:1;padding:.35rem .5rem}@media(max-width:560px){.stage{grid-template-columns:2.4rem 1fr;column-gap:.7rem}.seq{width:1.85rem;height:1.85rem;font-size:.76rem}.stage-name{font-size:1.1rem}.stage-body{padding-bottom:1.75rem}}.bulk-bar{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border-strong);box-shadow:0 -2px 10px #1018281f;padding:.7rem 1rem;padding-bottom:calc(.7rem + env(safe-area-inset-bottom));z-index:20}.bulk-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bulk-inner input{flex:1;min-width:140px}.overlay{position:fixed;inset:0;background:#1018288c;z-index:30;overscroll-behavior:contain;display:flex;align-items:flex-start;justify-content:center;padding:1rem;padding-top:calc(72px + env(safe-area-inset-top,0px));overflow-y:auto}.sheet{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;margin:0 auto;overflow:hidden;box-shadow:0 12px 32px #10182840}.sheet-head{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0}.sheet-head .spacer{flex:1}.sheet-body{padding:0 .8rem .8rem}.sheet-photo{display:block;position:relative;margin:4px calc(-.8rem + 4px) .7rem}.zoomframe{overflow:hidden;border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.zoomsub{transition:transform .1s ease-out;will-change:transform;line-height:0}.zoomsub img,.zoomsub canvas{pointer-events:none}@media(prefers-reduced-motion:reduce){.zoomsub{transition:none}}.photonav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;min-height:0;padding:0;border-radius:50%;border:0;background:#10182880;color:#fff;display:grid;place-items:center;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.photonav.l{left:8px}.photonav.r{right:8px}.photonav:disabled{opacity:0;pointer-events:none}.roundx{width:38px;height:38px;min-height:0;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:grid;place-items:center}.roundx.on-photo{position:absolute;top:8px;right:8px;z-index:2;border:0;background:#10182880;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tst{position:fixed;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:300;max-width:520px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:14px;font-size:.92rem;font-weight:600;line-height:1.5;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1);pointer-events:none;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 6px 20px #0f172a1f}.tst.in{opacity:1;transform:none}.tst.ok{background:linear-gradient(#1e8a4c24,#1e8a4c24),#fff9;color:#146c3a}.tst.ng{background:linear-gradient(#d03b3b24,#d03b3b24),#fff9;color:#b42323}.tst-tx{min-width:0}@media(prefers-reduced-motion:reduce){.tst{transition:none}}.pkseg{position:relative;display:flex;height:36px;padding:4px;border-radius:18px;background:#33738c1a;margin-bottom:.8rem}.pkseg .thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);bottom:4px;border-radius:999px;background:var(--surface);box-shadow:0 1px 3px #33738c29;transition:transform .28s cubic-bezier(.2,.8,.2,1);pointer-events:none}.pkseg.i1 .thumb{transform:translate(100%)}.pkseg button{position:relative;z-index:1;flex:1;min-width:0;height:28px;min-height:0;padding:0 .4rem;border:0;border-radius:14px;background:none;display:flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:500;color:var(--text-muted);transition:color .2s;-webkit-tap-highlight-color:transparent}.pkseg button.on{color:var(--accent);font-weight:700}.pkseg button>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media(prefers-reduced-motion:reduce){.pkseg .thumb,.pkseg button{transition:none}}.pkpane{padding-top:.1rem}.datepick{width:100%;display:flex;align-items:center;gap:.5rem;justify-content:space-between;min-height:44px;padding:0 .75rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}.datepick.open{border-color:var(--accent);box-shadow:0 0 0 2px #33738c2e}.datepick .tri{flex:none;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--accent);transition:transform .15s ease}.datepick.open .tri{transform:rotate(180deg)}.cal{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.5rem;margin-bottom:.7rem}.cal-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.cal-head strong{font-size:.9rem;font-variant-numeric:tabular-nums;min-width:6.5em;text-align:center}.cal-head .spacer{flex:1}.cal-nav{width:32px;height:32px;min-height:0;padding:0;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);display:grid;place-items:center;flex:none}.cal-today{min-height:32px;padding:0 .7rem;font-size:.78rem;font-weight:700;border-radius:999px;border:1.5px solid var(--accent);background:var(--surface);color:var(--accent);flex:none}.cal-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:2px}.cal-wd span{text-align:center;font-size:.68rem;font-weight:700;color:var(--text-muted)}.cal-wd span:first-child{color:#b3261e}.cal-wd span:last-child{color:#1d5fa8}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-blank{display:block}.cal-day{min-height:38px;padding:0;border:0;border-radius:9px;background:var(--bg);color:var(--text);font-size:.88rem;font-weight:600;font-variant-numeric:tabular-nums}.cal-day.today{box-shadow:inset 0 0 0 1.5px var(--border-strong)}.cal-day.on{background:var(--accent);color:#fff;font-weight:700;box-shadow:none}.sheet-barealone{display:flex;justify-content:flex-end;margin-bottom:.6rem}.sheet .kopt{font-size:.8rem;padding:.3rem .7rem;min-height:36px;border-width:1px}.sheet .kopts{gap:.35rem}.sheet .dsec{margin:.45rem 0 .3rem}.sheet .field{margin-bottom:.7rem}.sheet .detail-row{margin-top:.6rem}.sheet .detail-row .ktoggle{min-height:44px}.sheet .ktoggle{background:none;border:0;border-radius:0;padding:0;justify-content:flex-start}.sheet .field.tight{margin-bottom:.55rem}.sheet .field.tight>label{margin-bottom:.3rem}.sheet .ktoggle{margin:.2rem 0 .7rem}.sheet .dpath{margin-top:.5rem}.sheet-photo canvas{display:block;width:100%;height:auto}.sheet-photo img{width:100%;max-height:44vh;object-fit:contain;background:#e6e8ec;display:block}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.photo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.photo-card .thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#e6e8ec;display:block}.photo-card .body{padding:.75rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.photo-card .num{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.photo-card input,.photo-card textarea{padding:.45rem .55rem;font-size:.9rem}.photo-card textarea{min-height:3.5rem}.photo-card .actions{display:flex;gap:.4rem;align-items:center;margin-top:auto}.photo-card .actions .spacer{flex:1}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:2rem 1rem;text-align:center;color:var(--text-muted);cursor:pointer}.dropzone.over{border-color:var(--accent);background:#eef4fc;color:var(--accent)}.dropzone strong{display:block;color:var(--text);font-size:1.05rem;margin-bottom:.3rem}.muted{color:var(--text-muted)}.empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.notice{padding:.7rem .9rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.notice-error{background:#fdf2f1;border:1px solid #e3b5b2;color:var(--danger)}.notice-ok{background:#eef8f2;border:1px solid #b2ddc5;color:var(--ok)}.notice-info{background:#eef4fc;border:1px solid #b8cdea;color:var(--accent)}.progress{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin-top:.5rem}.progress>div{height:100%;background:var(--accent);transition:width .2s}.share-row{display:flex;gap:.5rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.share-row:last-child{border-bottom:none}.share-row code{font-size:.8rem;background:var(--bg);padding:.25rem .45rem;border-radius:4px;word-break:break-all;flex:1;min-width:200px}.share-row.revoked{opacity:.5}@media(max-width:640px){.container{padding:1rem .75rem 4rem}.photo-grid{grid-template-columns:1fr}h1{font-size:1.25rem}}.capture{min-height:100dvh;background:#10131a;color:#f2f4f7;display:flex;flex-direction:column}.capture-lite{background:var(--bg);color:var(--text)}.capture-head{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;padding-top:calc(.7rem + env(safe-area-inset-top));flex:none}.capture-head .spacer{flex:1}.capture-lite .capture-head{background:var(--surface);border-bottom:1px solid var(--border)}.capture-back{color:#cfd5de;background:#ffffff14;border-color:#ffffff2e}.capture-back:hover:not(:disabled){background:#ffffff29}.capture-body{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.9rem;padding-bottom:calc(.9rem + env(safe-area-inset-bottom))}.capture-body .spacer{flex:1;min-height:.5rem}.capture-body .field{margin-bottom:.4rem}.capture-go{width:100%;min-height:50px}.capture-body .btn,.capture-body button{width:100%}.board-preview{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);display:block}.capture-context{padding:0 .9rem .5rem}.ctx-chip{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;min-height:32px;padding:.25rem .7rem;font-size:.78rem;font-weight:600;color:#f2f4f7;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:999px;white-space:normal;text-align:left}.ctx-chip:hover{background:#ffffff2e}.ctx-chip .edit{color:#79aef5;font-weight:700;white-space:nowrap}.viewfinder{position:relative;background:#000;flex:1;display:flex;align-items:center;overflow:hidden}.viewfinder video,.viewfinder .board-overlay{display:block;width:100%;height:auto}.viewfinder .board-overlay{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);touch-action:none}.viewfinder .board-overlay.dragging{cursor:grabbing}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .9rem 0;flex:none}.board-hint{font-size:.72rem;color:#ffffff8c}.board-size{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#ffffffbf}.board-size button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;font-size:.9rem;line-height:1}.board-size .board-rotate{width:auto;min-width:52px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:.2rem}.board-rotate em{font-style:normal;font-size:.62rem;font-variant-numeric:tabular-nums;opacity:.7}.board-reset{border:none;background:none;color:#ffffffbf;font-size:.72rem;text-decoration:underline;padding:.3rem 0}.shutter-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.1rem 0;padding-bottom:calc(1.1rem + env(safe-area-inset-bottom));flex:none}.shutter{width:72px;height:72px;min-height:72px;border-radius:50%;background:#fff;border:5px solid rgba(255,255,255,.32);padding:0}.shutter:hover:not(:disabled){background:#e6e8ec}.shutter:active:not(:disabled){transform:scale(.94)}.count-pill,.next-link{min-width:62px;text-align:center;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.count-pill{color:#f2f4f7;background:#ffffff1a;border-radius:999px;padding:.3rem .6rem}.next-link{color:#79aef5;background:none;border:0;min-height:40px}.next-link:disabled{color:#4a525e}.shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shot-tile{position:relative;aspect-ratio:3 / 4;padding:0;min-height:0;width:auto;border-radius:6px;overflow:hidden;border:2px solid transparent;background:#000}.shot-tile img{width:100%;height:100%;object-fit:cover;display:block;opacity:.3}.shot-tile.keep{border-color:var(--accent)}.shot-tile.keep img{opacity:1}.shot-tile .mark{position:absolute;left:0;right:0;bottom:0;font-size:.68rem;font-weight:700;padding:.12rem 0;background:#000000a6;color:#cfd5de}.shot-tile.keep .mark{background:var(--accent);color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell-body{flex:1;width:100%;max-width:760px;margin:0 auto;padding:.8rem .8rem 1.2rem;padding-left:calc(.8rem + env(safe-area-inset-left));padding-right:calc(.8rem + env(safe-area-inset-right));display:flex;flex-direction:column;gap:.6rem}.shell-foot{position:sticky;bottom:0;background:var(--bg);padding:.6rem .8rem calc(.7rem + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.shell-foot .btn-wide{margin-top:0}.appbar{background:var(--header);padding:.7rem .8rem;padding-top:calc(.7rem + env(safe-area-inset-top));padding-left:calc(.8rem + env(safe-area-inset-left));padding-right:calc(.8rem + env(safe-area-inset-right));display:flex;align-items:center;gap:.6rem;position:sticky;top:0;z-index:10}.appbar-title{color:#fff;font-size:1.05rem;font-weight:700}.searchbox{flex:1;display:flex;align-items:center;gap:.5rem;background:#ffffff2e;border-radius:12px;padding:.15rem .7rem;color:#ffffffeb}.searchbox input{flex:1;min-width:0;font:inherit;font-size:.92rem;color:#fff;background:none;border:0;outline:none;min-height:40px}.searchbox input::placeholder{color:#ffffffbf}.home-appbar{flex-direction:column;align-items:stretch;gap:.7rem}.home-appbar .brandrow{display:flex;align-items:center;gap:.6rem}.home-appbar .brand-mark{width:34px;height:34px;border-radius:9px;background:#fff7d9;color:var(--header);display:grid;place-items:center;font-size:.72rem;font-weight:700;flex:none}.home-appbar .brand{color:#fff;font-size:1.02rem;font-weight:700;letter-spacing:.02em;line-height:1.25}.home-appbar .brand small{display:block;font-size:.62rem;font-weight:500;opacity:.75;letter-spacing:.06em}.home-appbar .spacer{flex:1}.homebar-row{display:flex;gap:.6rem}.add-site{display:flex;align-items:center;justify-content:center;gap:.35rem;background:#fff7d9;color:var(--header);border-radius:12px;min-height:46px;padding:0 .95rem;font-size:.9rem;font-weight:700;text-decoration:none;flex:none}.appbar-btn{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;background:#ffffff24}.subbar{background:var(--header);color:#fff;padding:.6rem .8rem;padding-top:calc(.6rem + env(safe-area-inset-top));display:flex;align-items:center;gap:.6rem;position:sticky;top:0;z-index:10}.subbar-back{width:36px;height:36px;border-radius:10px;flex:none;display:grid;place-items:center;color:#fff;background:#ffffff24;border:0}.subbar-title{min-width:0;flex:1}.subbar-title b{display:block;font-size:.98rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subbar-title small{font-size:.7rem;opacity:.85;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subbar-action{font:inherit;font-size:.85rem;font-weight:700;color:#fff;background:#ffffff24;border:0;border-radius:10px;padding:.4rem .8rem;min-height:36px;flex:none}.subbar-action.on{background:#fff;color:var(--accent)}.pagehead{background:var(--header);position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top)}.pagehead-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem .45rem;padding-left:calc(.8rem + env(safe-area-inset-left));padding-right:calc(.8rem + env(safe-area-inset-right));color:#fff}.stagebar{display:flex;gap:.45rem;overflow-x:auto;padding:.1rem .8rem .7rem;padding-left:calc(.8rem + env(safe-area-inset-left));padding-right:calc(.8rem + env(safe-area-inset-right));-webkit-overflow-scrolling:touch}.stagebar::-webkit-scrollbar{display:none}.stagechip{flex:none;display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.86rem;font-weight:700;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.42rem .85rem;min-height:40px;white-space:nowrap}.stagechip.on{background:#fff;color:var(--accent);border-color:#fff}.stagechip.warn{background:#ffd68c40;border-color:#ffd68c99}.stagechip.warn.on{background:#fff4e2;color:#7a4c02;border-color:#fff4e2}.cbadge{min-width:18px;height:18px;border-radius:9px;padding:0 .28rem;background:var(--danger);color:#fff;font-size:.66rem;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums}.stagechip.on .cbadge{background:var(--danger)}.pickbtn{flex:none;min-height:34px;padding:0 .85rem;font-size:.82rem;font-weight:700;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.5);color:#fff}@media(hover:hover){.pickbtn:hover{background:#ffffff47}}.hero-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2.5px solid #fff;box-shadow:0 2px 8px #1018284d;background:#fff3;flex:none}.hero-avatar.blank{display:grid;place-items:center;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.04em}.bannerwrap{position:relative;padding:.2rem .9rem 0;padding-left:calc(.9rem + env(safe-area-inset-left));padding-right:calc(.9rem + env(safe-area-inset-right))}.banner{background:#fff7d9;border:1.5px solid #f3e3a4;border-radius:16px;padding:.6rem 3rem;color:#4a3d10}.banner .hl{display:flex;align-items:center;gap:.55rem;line-height:1.35}.hl-side{flex:1;min-width:0;font:inherit;font-size:.7rem;font-weight:600;color:#4a3d1066;background:none;border:0;padding:.2rem 0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hl-side.r{text-align:right}.hl-now{flex:none;max-width:58%;display:inline-flex;align-items:center;gap:.45rem;font-size:1.08rem;font-weight:700;white-space:nowrap;overflow:hidden}.banner.untagged .hl-side{color:#7a4c0266}.banner .pill{width:fit-content;max-width:100%;margin:.4rem auto 0;background:#fff;border-radius:999px;display:flex;align-items:stretch;box-shadow:0 1px 4px #4a3d102e;overflow:hidden}.banner .pill a,.banner .pill button{flex:none;padding:0 1.1rem;min-height:34px;display:flex;align-items:center;justify-content:center;gap:.45rem;font:inherit;font-size:.9rem;font-weight:400;color:var(--accent);text-decoration:none;background:none;border:0}.banner .pill a+a{border-left:1px solid #eee3b8}.banner.untagged{background:#fdf0dd;border-color:#ecd2a0}.banner.untagged .hl,.banner.untagged .pill button{color:#7a4c02}.pinbtn{width:28px;height:28px;display:grid;place-items:center;background:none;color:#4a3d1059;border:0;flex:none;padding:0}.pinbtn.on{color:var(--accent)}.jump{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);border:1.5px solid #f3e3a4;box-shadow:0 2px 8px #1018282e;z-index:2;padding:0}.jump.l{left:.35rem}.jump.r{right:.35rem}.jump.off{opacity:.35}.neighbors{display:flex;justify-content:space-between;gap:.6rem;padding:.2rem 1.5rem 0}.neighbors button{font:inherit;font-size:.72rem;font-weight:600;color:#ffffffbf;background:none;border:0;padding:.2rem 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stagepager{display:flex;align-items:center;gap:.55rem;padding:.25rem .8rem .5rem;padding-left:calc(.8rem + env(safe-area-inset-left));padding-right:calc(.8rem + env(safe-area-inset-right))}.sp-side{flex:1;min-width:0;display:flex;align-items:center;gap:.3rem}.sp-side.right{justify-content:flex-end}.sp-name{font:inherit;font-size:.8rem;font-weight:600;color:#ffffffbf;background:none;border:0;padding:.3rem .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sp-arrow{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:#ffffff29;border:1px solid rgba(255,255,255,.28);color:#fff}.sp-arrow.off{opacity:.3}.sp-now{flex:1 1 auto;max-width:76%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:#fff;color:var(--accent);border-radius:999px;padding:.5rem 10px;min-height:52px;font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden}.sp-now.warn{padding:.5rem 10px}.sp-now .nm{overflow:hidden;text-overflow:ellipsis}.sp-now.warn{background:#fff4e2;color:#7a4c02}.sp-div{width:1px;height:24px;background:var(--border);flex:none;margin:0 .35rem}.sp-tool{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eef2f8;color:var(--accent);flex:none}.sp-dots{display:flex;justify-content:center;gap:.35rem;padding:8px 0 .65rem}.sp-dot{width:6px;height:6px;border-radius:3px;background:#ffffff59;transition:width .15s}.sp-dot.on{width:18px;background:#fff}.sp-dot.warn{background:#ffd68ccc}.sp-dot.warn.on{background:#ffd68c}.tabbar{background:var(--surface);border-top:1px solid var(--border);display:flex;padding:.4rem 0 calc(.55rem + env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:10}.tabbar .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;font:inherit;font-size:.64rem;font-weight:600;color:var(--text-muted);text-decoration:none;background:none;border:0;min-height:50px;justify-content:center}.tabbar .tab.on{color:var(--accent)}.alert-bar{display:flex;align-items:center;gap:.55rem;background:#fff4e2;border:1px solid #ecd2a0;border-radius:12px;padding:.6rem .8rem;font-size:.82rem;color:#5f3f04}.alert-bar.slim{margin-bottom:.6rem}.alert-bar a{margin-left:auto;color:#7a4c02;font-weight:700;white-space:nowrap;text-decoration:none}.alert-note{color:#7a5a20;font-size:.74rem;margin-left:auto}.site-group{display:flex;flex-direction:column;gap:.55rem}.site-h{display:flex;align-items:center;gap:.6rem;font:inherit;text-align:left;background:none;border:0;padding:.45rem .15rem .1rem;color:var(--text-muted);min-height:56px}.site-avatar{width:42px;height:42px;border-radius:11px;flex:none;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:700;letter-spacing:.04em}.site-avatar.done{background:#8d95a1}.site-h-text{min-width:0;flex:1}.site-h-name{display:block;color:var(--text);font-size:1.02rem;font-weight:700;line-height:1.3}.site-h-sub{display:block;font-size:.7rem;color:var(--text-muted)}.site-row{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:.75rem .85rem;text-decoration:none;color:inherit;min-height:72px}.site-row.done{opacity:.8}.site-row-text{min-width:0;flex:1}.site-row-name{display:block;font-size:1.02rem;font-weight:700;line-height:1.35}.site-row-sub,.site-row-meta{display:block;font-size:.72rem;color:var(--text-muted)}.site-row-right{display:flex;align-items:center;gap:.45rem;color:var(--text-muted);flex:none}.kdeck{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-.8rem - env(safe-area-inset-right)) 0 calc(-.8rem - env(safe-area-inset-left));padding:.15rem calc(.8rem + env(safe-area-inset-right)) .5rem calc(.8rem + env(safe-area-inset-left));-webkit-overflow-scrolling:touch}.kdeck::-webkit-scrollbar{display:none}.kdeck>.kcard{flex:none;width:min(86%,330px);scroll-snap-align:start;scroll-margin-left:calc(.8rem + env(safe-area-inset-left))}.kdeck>.kcard:only-child{width:100%}.kcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:.8rem .9rem .7rem;display:block;color:inherit;text-decoration:none}.kcard-empty{border-style:dashed;box-shadow:none;background:transparent}.kcard-untagged{border-color:#e9c88a;background:#fffaf1}.kcard-top{display:flex;align-items:flex-start;gap:.5rem;text-decoration:none;color:inherit}.kcard-name{font-size:1.08rem;font-weight:700;line-height:1.35;color:var(--text)}.kcard-empty .kcard-name{color:var(--text-muted);font-weight:600}.kcard-crumb{font-size:.74rem;color:var(--text-muted);margin-top:.05rem}.kcard-right{margin-left:auto;display:flex;align-items:center;gap:.45rem;color:var(--text-muted)}.kbadge{min-width:22px;height:22px;border-radius:11px;padding:0 .4rem;background:var(--danger);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums}.kbadge.ok{background:var(--ok)}.kbadge.warn{background:#d08a12}.pill-zero{font-size:.7rem;font-weight:700;color:#7a4c02;background:#fdf0dd;border-radius:999px;padding:.14rem .55rem;white-space:nowrap}.kstrip{display:flex;gap:4px;margin-top:.55rem;overflow:hidden}.kstrip img,.kstrip-blank{width:56px;height:42px;border-radius:6px;flex:none;object-fit:cover;background:#e4e7ec;display:block}.kstrip-more{width:56px;height:42px;border-radius:6px;flex:none;display:grid;place-items:center;background:var(--bg);border:1px solid var(--border);font-size:.68rem;color:var(--text-muted);font-weight:700}.kcard-actrow{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.65rem}.ib{width:66px;text-decoration:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.18rem;background:none;border:0;font:inherit}.ib .bx{width:48px;height:48px;border-radius:13px;background:var(--bg);border:1px solid var(--border);display:grid;place-items:center;color:var(--accent)}.ib.primary .bx{background:var(--accent);border-color:var(--accent);color:#fff}.ib span:last-child{font-size:.64rem;font-weight:600;white-space:nowrap}.bigrow{display:flex;gap:.6rem}.bigbtn{flex:1;min-height:56px;border-radius:14px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;font-weight:700;background:var(--accent);color:#fff;box-shadow:var(--shadow)}.bigbtn.second{background:var(--surface);color:var(--accent);border:1px solid var(--border)}.scard{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.scard.empty{border-style:dashed;box-shadow:none;background:transparent}.scard-head{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem .55rem}.scard-head h3{font-size:1rem;margin:0;line-height:1.35}.scard.empty .scard-head h3{color:var(--text-muted);font-weight:600}.scard-head .kbadge,.scard-head .pill-zero{margin-left:auto}.scard .pgrid{padding:0 .9rem .6rem}.scard-acts{display:flex;border-top:1px solid var(--border)}.scard.empty .scard-acts{border-top-style:dashed}.scard-acts a{flex:1;min-height:46px;display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.88rem;font-weight:700;color:var(--accent);text-decoration:none}.scard-acts a+a{border-left:1px solid var(--border);color:var(--text-muted);font-weight:600}.sgroup-h{font-size:.78rem;font-weight:700;color:var(--text-muted);margin-top:.4rem;padding:0 .15rem}.sitemain{flex:1;display:flex;flex-direction:column}.sitemain.selecting{touch-action:pan-y;user-select:none;-webkit-user-select:none}.sitepad{padding:.7rem .8rem 0;display:flex;flex-direction:column;gap:.6rem}.tagpane{background:var(--surface);padding:.7rem .8rem .75rem;border-bottom:1px solid var(--border)}.tgroup{margin-top:.55rem}.tband{background:var(--accent);color:#fff;font-size:.92rem;font-weight:600;letter-spacing:.04em;padding:.5rem .8rem;border-radius:10px;margin-bottom:.45rem}.tcloud{display:flex;flex-wrap:wrap;gap:.4rem}.tchip{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-size:.84rem;font-weight:600;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.38rem .7rem;min-height:40px;color:var(--text)}.tchip .c{font-size:.68rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.tchip.zero{border-style:dashed;color:var(--text-muted)}.tchip.zero .c{color:#a15c00;font-weight:700}.tchip.all{background:#e6eff3;border-color:#c3d8e0;color:var(--accent-hover)}.tchip.on{background:var(--accent);border-color:var(--accent);color:#fff}.tchip.on .c{color:#fffc}.tagbar-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.1rem}.tagbar-head .t{font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em}.tagbar-head .spacer{flex:1}.viewtoggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:2px;gap:2px}.viewtoggle button{width:38px;height:32px;border:0;border-radius:7px;background:none;display:grid;place-items:center;color:var(--text-muted);padding:0}.viewtoggle button.on{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #10182826}.wheel-quick{margin-bottom:.3rem}.drum{position:relative;overflow:hidden}.drum-scroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.drum-scroll::-webkit-scrollbar{display:none}.drow{flex:none;scroll-snap-align:center;display:flex;align-items:center;gap:.6rem;padding:0 1.1rem;width:100%;max-width:100%;overflow:hidden;font:inherit;font-size:.95rem;font-weight:600;color:var(--text);background:none;border:0;text-align:left;transition:opacity .15s,transform .15s}.drow .nm{flex:1 1 auto;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.drow .c{margin-left:auto;font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.drow.far{opacity:.25;transform:scale(.92)}.drow.near{opacity:.55;transform:scale(.96)}.drow.center{font-weight:700;font-size:1.02rem}.drow.center .c{color:var(--accent);font-weight:700}.drow.zero{color:var(--text-muted)}.drow.zero .c{color:#a15c00}.selband{position:absolute;left:.2rem;right:.2rem;top:50%;transform:translateY(-50%);background:#e6eff3;border:1.5px solid #c3d8e0;border-radius:12px;pointer-events:none;z-index:0}.drum .dfade{position:absolute;left:0;right:0;height:30%;pointer-events:none;z-index:2}.drum .dfade.t{top:0;background:linear-gradient(var(--surface),transparent)}.drum .dfade.b{bottom:0;background:linear-gradient(transparent,var(--surface))}.tagact{display:flex;align-items:center;gap:.55rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid #eef0f4}.tagcount{flex:none;font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);border:1.5px solid var(--accent);border-radius:999px;padding:.14rem .6rem;white-space:nowrap}.tagact .spacer{flex:1}.tagact .lbl-edit{flex:1;min-width:0;font:inherit;font-size:.95rem;font-weight:700;color:var(--text);background:var(--surface);border:1.5px solid var(--accent);border-radius:8px;padding:.35rem .55rem;outline:none}.tagact .lbl{font-size:.88rem;font-weight:700;min-width:0}.tagact .lbl.editable{font:inherit;font-size:.95rem;font-weight:700;background:none;border:0;padding:.2rem 0;text-align:left;color:var(--text);display:inline-flex;align-items:center;gap:.35rem;min-width:0;overflow:hidden}.tagact .lbl.editable svg{color:var(--text-muted);flex:none}.tagact .lbl small{display:block;width:100%;font-size:.68rem;font-weight:500;color:var(--text-muted)}.albumwrap{flex:1;background:var(--surface);display:flex;flex-direction:column}.album-sec .pg4{flex:none}.album-band{position:sticky;z-index:8;display:flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.04em;border-radius:10px;padding:.45rem .8rem;margin:4px 2px 0}.album-band .band-acts{margin-left:auto;display:flex;gap:.4rem}.album-band .band-ib,button.band-ib{width:28px;height:28px;min-height:0;border-radius:0;display:grid;place-items:center;background:none;color:#fff;border:0;flex:none;padding:0;line-height:1}.album-band .c{font-size:.7rem;font-weight:500;opacity:.8}.album-band.warn{background:#fdf0dd;color:#7a4c02}.sthead{background:linear-gradient(160deg,#0f2a35 0%,var(--header) 76%,#2d6680 100%);color:#fff;border-bottom:0;padding:.85rem .9rem .9rem;padding-top:calc(.85rem + env(safe-area-inset-top));padding-left:calc(.9rem + env(safe-area-inset-left));padding-right:calc(.9rem + env(safe-area-inset-right));position:sticky;top:0;z-index:10;overflow:hidden}.sthead:after{content:"";position:absolute;right:-80px;top:-100px;width:240px;height:240px;border-radius:50%;border:46px solid rgba(255,255,255,.045);pointer-events:none}.sthead .strow{display:flex;align-items:center;gap:.55rem;position:relative}.sthead .stback{width:34px;height:34px;min-height:0;padding:0;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.24);color:#fff;display:grid;place-items:center;flex:none}.sthead .sttitle{min-width:0;line-height:1.22}.sthead .sttitle b{display:block;font-size:1.02rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sthead .sttitle small{display:block;font-size:.7rem;font-weight:600;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sthead .stpick{margin-left:auto;flex:none;min-height:34px;padding:0 .85rem;font-size:.82rem;font-weight:700;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.46);color:#fff}.sthead .ststage{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;position:relative}.sthead .ststage-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:0 .8rem;border-radius:10px;background:#ffffff29;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.88rem;font-weight:700;min-width:0}.sthead .ststage-btn.warn{background:#f6d87a;border-color:#f6d87a;color:#5c4204}.sthead .ststage-btn .c{font-size:.72rem;font-weight:700;opacity:.75;font-variant-numeric:tabular-nums}.sthead .stacts{margin-left:auto;display:flex;gap:.35rem;flex:none}.sthead .stact{width:34px;height:34px;min-height:0;padding:0;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.26);color:#fff;display:grid;place-items:center;flex:none}.sthead .stact.wide{margin-left:auto;width:auto;padding:0 .8rem;font-size:.78rem;font-weight:700}.stagelist{display:flex;flex-direction:column;gap:.35rem}.stagerow{display:flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding-right:.4rem}.stagerow.on{border-color:var(--accent);background:#e6eff3}.stagerow.warn{border-color:#e8d4ab;background:#fdf0dd}.stagename{flex:1;display:flex;align-items:center;gap:.45rem;justify-content:flex-start;text-align:left;background:none;border:0;min-height:48px;font-size:.95rem;font-weight:700;color:var(--text);min-width:0}.stagename>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stagename .c{font-size:.74rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.tcloud.lanes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}.tcloud.lanes::-webkit-scrollbar{display:none}.tcloud.lanes .tchip{flex:none}.pvbar{display:flex;justify-content:flex-end;padding:.5rem .6rem 0}.viewtoggle.wide button{width:auto;padding:0 .8rem;font-size:.78rem;font-weight:700}.tlwrap{padding:0 .5rem 1rem}.tlhead{position:sticky;z-index:8;display:flex;align-items:center;gap:.5rem;padding:.6rem 0 .5rem;background:linear-gradient(var(--bg) 76%,rgba(244,245,247,0))}.tlhead-name{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.3rem .75rem;font-size:1.05rem;font-weight:700;line-height:1.3;box-shadow:var(--shadow)}.tlhead.warn .tlhead-name{background:#fdf0dd;border-color:#e8d4ab;color:#7a4c02}.tlhead-n{font-size:.78rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.tlhead-flag{font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.2rem .55rem;border-radius:7px;background:#f6d87a;color:#6b4c05;flex:none}.tlhead .band-acts{margin-left:auto;display:flex;align-items:center;gap:.3rem;flex:none}.tlhead .band-ib{width:32px;height:32px;min-height:0;padding:0;border-radius:9px;background:var(--surface);border:1px solid var(--border);color:var(--accent);display:grid;place-items:center}.tlrail{position:relative;padding-left:1.25rem}.tlrail:before{content:"";position:absolute;left:.3rem;top:.4rem;bottom:.8rem;width:2px;border-radius:1px;background:var(--accent);opacity:.35}.tlplain .tlcard:before{display:none}.tlcard{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:.7rem .75rem .65rem;margin-bottom:.6rem}.tlcard.warn{border-color:#e2bb72}.tlcard:before{content:"";position:absolute;left:-1.07rem;top:1.25rem;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 0 0 2px #33738c40}.tlcard.warn:before{background:#c47b1d;box-shadow:0 0 0 2px #c47b1d40}.tlcard-top{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.tlchip{display:inline-flex;align-items:center;background:var(--accent);color:#fff;border-radius:999px;padding:.2rem .65rem;font-size:.72rem;font-weight:700;flex:none}.tlchip.warn{background:#c47b1d}.tlcard-name{font-size:1rem;font-weight:700}.tlcard-when{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;margin-top:.35rem}.tlcard-date{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.tlcard-n,.tlcard-board{font-size:.72rem;font-weight:700;border-radius:999px;padding:.15rem .55rem;font-variant-numeric:tabular-nums}.tlcard-n{color:var(--accent-hover);background:#e6eff3}.tlcard-board{color:#1f3d2c;background:#dfeade}.tlstrip{margin-top:.55rem;background:#eef0f4;border-radius:10px;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.tlstrip .p4tile{border-radius:7px}.tlstrip .p4tile .ptag{display:none}.tlstrip .p4tile .ptag-mid{font-size:.5rem}.pg4{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;background:var(--surface);flex:1;align-content:start}.p4tile{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;position:relative;aspect-ratio:1;overflow:hidden;background:#e4e7ec;border:2px solid transparent;padding:0;border-radius:0}.p4tile img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:opacity .3s ease,filter .3s ease}.p4tile.selected{border-color:var(--accent)}.p4tile.selected img,.p4tile.selected .thumb-blank{opacity:.45;filter:grayscale(.4)}.p4tile:after{content:"";position:absolute;inset:0;background:#33738c2e;opacity:0;transition:opacity .3s ease;pointer-events:none}.p4tile.selected:after{opacity:1}.p4tile .tick{transition:transform .3s ease,background .3s ease;position:absolute;top:3px;right:3px;min-width:22px;height:22px;padding:0 .2rem;border-radius:11px;border:2px solid rgba(255,255,255,.85);background:#00000040;color:#fff;font-size:.66rem;font-weight:700;font-variant-numeric:tabular-nums;display:grid;place-items:center}.p4tile.selected .tick{background:var(--accent);border-color:#fff;z-index:2;transform:scale(1.25);transform-origin:top right;box-shadow:0 2px 6px #10182859}.p4tag{position:absolute;left:0;right:0;bottom:0;font-size:.56rem;font-weight:600;color:#fff;background:linear-gradient(transparent,#0000008c);padding:.5rem .25rem .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.assignbar{position:sticky;bottom:0;z-index:10;background:var(--surface);border-top:1px solid var(--border);padding:.6rem .8rem calc(.8rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.5rem}.assign-r1{display:flex;align-items:center;gap:.5rem;font-size:.85rem;min-width:0}.assign-picks{display:flex;gap:.4rem;overflow-x:auto;min-width:0;-webkit-overflow-scrolling:touch}.assign-picks::-webkit-scrollbar{display:none}.apick{flex:none;font:inherit;font-size:.82rem;font-weight:600;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;min-height:38px;color:var(--text);white-space:nowrap}.apick.on{background:var(--accent);border-color:var(--accent);color:#fff}.assign-r2{display:flex;gap:.5rem}.abtn{font:inherit;min-height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.92rem;font-weight:700;border:0}.abtn.pri{flex:1;background:var(--accent);color:#fff}.abtn.pri:disabled{opacity:.5}.abtn.ghost{flex:0 0 28%;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.abtn.line{background:var(--surface);border:1.5px solid var(--accent);color:var(--accent);font-weight:700}.abtn.line:disabled{opacity:.4}.p4tile.carry{opacity:.5;box-shadow:inset 0 0 0 3px var(--accent)}.p4tile.carry img{transform:scale(.92);transition:transform .12s ease}.selbar{position:sticky;bottom:0;z-index:10;background:var(--surface);border-top:1px solid var(--border);padding:.6rem .8rem calc(.85rem + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.5rem}.selbar .cnt{font-size:.95rem;flex:none;font-variant-numeric:tabular-nums}.abtn.slim{flex:none;padding:0 .9rem}.selbar .spacer{flex:1}.selbar-close{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);flex:none;padding:0}.tags2{position:absolute;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(transparent,#0000009e);padding:.8rem .3rem .15rem;display:flex;flex-direction:column;gap:1px;pointer-events:none;text-align:left}.tags2 .mid,.tags2 .leaf{font-size:.58rem;font-weight:600;color:#fff;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags2 .leaf{opacity:.85;font-weight:500}.tags2 .none{font-size:.58rem;color:#ffffffbf}.ptag-mid{position:absolute;top:0;left:0;z-index:1;max-width:88%;font-size:.56rem;font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:.02em;line-height:1;color:#fff;background:var(--accent);border-radius:0 0 6px;padding:.18rem .34rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.ptag{position:absolute;left:4px;bottom:4px;z-index:1;display:inline-flex;align-items:center;gap:.2rem;max-width:calc(100% - 8px);font-size:.6rem;font-weight:700;line-height:1;color:var(--accent);background:#ffffffeb;border:1.5px solid var(--accent);border-radius:999px;padding:.22rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.ptag.warn{color:#c47b1d;border-color:#c47b1d}.sheet-scrim{position:fixed;inset:0;background:#0a0e1473;z-index:40}.ksheet{position:fixed;left:0;right:0;bottom:0;z-index:41;overscroll-behavior:contain;overflow-x:hidden;max-width:100vw;background:var(--surface);border-radius:22px 22px 0 0;box-shadow:0 -10px 30px #10182840;padding:.6rem 1rem calc(1.1rem + env(safe-area-inset-bottom));max-height:78dvh;overflow-y:auto}.ksheet .grip{width:42px;height:4px;border-radius:2px;background:var(--border);margin:0 auto .6rem}.ksheet h4{margin:0 0 .1rem;font-size:1.02rem}.ksub{font-size:.76rem;color:var(--text-muted);margin:0 0 .4rem}.ksec{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;margin:.8rem 0 .4rem}.kicon{width:30px;height:30px;display:grid;place-items:center;background:none;border:0;color:var(--accent);flex:none;padding:0}.kopts{display:flex;flex-wrap:wrap;gap:.45rem}.kopt{display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-size:.88rem;font-weight:600;background:var(--bg);border:1.5px solid var(--border);border-radius:999px;padding:.5rem .85rem;min-height:44px;color:var(--text)}.kopt .c{font-size:.68rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.kopt.on{background:var(--accent);border-color:var(--accent);color:#fff}.kopt.on .c{color:#fffc}.kopt.none{border-style:dashed;color:var(--text-muted)}.kopt.none.on{background:var(--accent);border-style:solid;color:#fff}.dsec{font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;margin:.55rem 0 .35rem}.dpath{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;background:#e6eff3;border-radius:10px;padding:.45rem .7rem;font-size:.82rem;font-weight:600;color:var(--accent-hover);margin-top:.7rem}.kadd{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1.5px dashed var(--border-strong);color:var(--accent);flex:none}.kfoot{display:flex;gap:.5rem;margin-top:1rem}.kfoot .abtn.ghost{flex:0 0 30%}.board-editor canvas{display:block;width:100%;height:auto;border-radius:8px;touch-action:none}.board-editor-tools{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.5rem}.board-editor-tools .hint-line{font-size:.74rem;color:var(--text-muted)}.board-editor-btns{display:flex;gap:.4rem}.board-editor-btns button{font:inherit;min-width:44px;min-height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.88rem;font-weight:700;padding:0 .6rem}.board-editor-foot{display:flex;gap:.5rem;margin-top:.7rem}.board-editor-foot .abtn.ghost{flex:0 0 30%}.board-editor-foot .abtn.pri{flex:1}.board-fix-row{margin-top:.5rem;padding:0 .8rem}.album-grid{margin-top:.2rem}.ksheet-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px;max-height:128px;overflow-y:auto;margin-bottom:.3rem}.ksheet-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block}.ktoggle{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:.7rem;width:100%;font:inherit;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:.7rem .85rem;margin-top:1rem;color:var(--text);line-height:1}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;align-items:end;margin-top:1rem}.detail-row>*{min-width:0}.detail-row .ktoggle{margin-top:0;min-height:48px}.detail-row .ktoggle .ktoggle-text{white-space:nowrap}.detail-row .field{margin:0}.detail-row .field label{display:block;font-size:.78rem;margin-bottom:.25rem}.detail-row .field input{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:100%;min-width:0;min-height:48px;box-sizing:border-box}.kdate{font:inherit;font-size:.95rem;width:100%;min-height:46px;padding:.45rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.ktoggle .knob{box-sizing:border-box;min-width:52px;max-width:52px;width:52px;height:30px;border-radius:15px;background:#cdd3dc;flex:none;display:flex;align-items:center;padding:3px;transition:background .15s}.ktoggle .knob .dot{width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10182840;flex:none;transition:transform .15s}.ktoggle.on .knob{background:var(--ok)}.ktoggle.on .knob .dot{transform:translate(22px)}.ktoggle-text{font-size:.92rem;font-weight:700}.ktoggle-text small{display:block;font-size:.7rem;font-weight:500;color:var(--text-muted);line-height:1.5}.board-flag{position:absolute;right:4px;bottom:4px;z-index:2;width:18px;height:13px;border-radius:2px;background:#0e5c4a;border:1.5px solid #fff}.kunreg{display:block;width:100%;font:inherit;font-size:.84rem;font-weight:600;color:var(--text-muted);background:none;border:0;text-decoration:underline;text-underline-offset:3px;padding:.7rem 0 .1rem;min-height:44px;text-align:center}.rows{display:flex;flex-direction:column}.rrow{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid #eef0f4;min-height:56px}.rrow:last-child{border-bottom:0}.rrow .no{font-size:.72rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;width:1.4rem;flex:none}.rrow .nm{flex:1;min-width:0;font-size:.92rem;font-weight:600;line-height:1.4}.kicon.big{width:44px;height:44px;font-size:1.05rem;border-radius:50%;background:var(--bg);border:1px solid var(--border)}.kicon.big:disabled{opacity:.3}.kicon.big.del{color:var(--danger);border-color:#e6b8b5;margin-left:.3rem}.confirm-box{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:41;width:min(88vw,360px);background:var(--surface);border-radius:18px;box-shadow:0 14px 40px #1018284d;padding:1.15rem 1.1rem 1rem}.confirm-box h4{margin:0 0 .3rem;font-size:1.02rem;line-height:1.45}.confirm-box p{margin:0 0 .9rem;font-size:.84rem;color:var(--text-muted)}.confirm-btns{display:flex;gap:.5rem}.confirm-btns .abtn{flex:1}.abtn.danger{background:var(--danger);color:#fff}.mcard{background:var(--surface);border-radius:20px;box-shadow:0 2px 12px #1018280f;overflow:hidden;padding:0 0 .35rem}.mcard-h{background:#e6eff3;color:var(--accent-hover);font-size:.95rem;font-weight:600;letter-spacing:.04em;padding:.6rem .95rem}.mcard>.pgrid{margin:.55rem .95rem .2rem}.mrow{margin:0 .95rem;padding:.5rem 0 .75rem;border-bottom:1px solid #eef0f4}.mrow:last-child{border-bottom:0}.mrow-head{display:flex;align-items:center;gap:.55rem;min-height:46px}.mrow-name{font-size:.98rem;font-weight:700;line-height:1.35;min-width:0}.mcount{font-size:.74rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.mrow-acts{margin-left:auto;display:flex;gap:.45rem}.iconbtn{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--border);color:var(--accent);flex:none}.iconbtn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.mrow .pgrid{margin-top:.15rem}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ptile{position:relative;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:#e4e7ec;border:2px solid transparent;padding:0}.ptile img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ptile.selected{border-color:var(--accent)}.ptile.out{opacity:.35}.ptile .tick{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:#0000004d;color:#fff;font-size:.74rem;display:grid;place-items:center}.ptile.selected .tick{background:var(--accent)}.ptile .badge{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#d08a12;color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center}.ptile-time{position:absolute;left:0;right:0;bottom:0;font-size:.6rem;color:#fff;background:#00000073;padding:.06rem .3rem;font-variant-numeric:tabular-nums}.ptile-out{position:absolute;inset:0;display:grid;place-items:center;font-size:.78rem;font-weight:700;color:#fff;background:#00000059}.shell-body.selecting{touch-action:pan-y;user-select:none;-webkit-user-select:none}.album-card h2{margin:0 0 .1rem;font-size:1.08rem}.album-sub{margin:0 0 .7rem;font-size:.8rem}.album-card .btn-wide{margin-top:0;gap:.4rem}.share-toggle{display:flex;align-items:center;gap:.35rem;font:inherit;font-size:.88rem;font-weight:700;color:var(--accent);background:none;border:0;padding:.7rem 0 .2rem;min-height:44px}.settings-section h2{font-size:.95rem;margin:0 0 .6rem}.settings-list{display:flex;flex-direction:column}.settings-site{padding:.6rem 0;border-bottom:1px solid var(--border)}.settings-site:last-child{border-bottom:0}.settings-site-name{font-weight:700;font-size:.95rem}.settings-site-links{display:flex;gap:1.2rem;margin-top:.25rem}.settings-site-links a{font-size:.84rem;font-weight:700;min-height:36px;display:inline-flex;align-items:center}.settings-add{margin-top:.7rem;display:inline-flex;align-items:center;gap:.35rem}.settings-mail{font-size:.85rem;color:var(--text-muted);padding-bottom:.5rem;border-bottom:1px solid var(--border);margin-bottom:.3rem;overflow-wrap:anywhere}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;font:inherit;font-size:.92rem;font-weight:600;text-align:left;color:var(--text);background:none;border:0;border-bottom:1px solid var(--border);padding:.75rem 0;min-height:52px}.settings-row:last-child{border-bottom:0}.settings-row small{display:block;font-size:.72rem;font-weight:500;color:var(--text-muted)}.settings-row.danger{color:var(--danger)}.btn-wide{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;font-size:1rem}.sending{text-align:center}@media(prefers-reduced-motion:reduce){.p4tile img,.p4tile:after,.p4tile .tick{transition:none}}body:has(.ksheet),body:has(.confirm-box),body:has(.overlay){overflow:hidden}.user-list{display:flex;flex-direction:column}.user-row{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px solid #eef0f4}.user-row:last-child{border-bottom:0}.user-row.inactive .user-mail{color:var(--text-muted)}.user-id{flex:1;min-width:0}.user-mail{font-size:.88rem;font-weight:600;overflow-wrap:anywhere;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.user-name{font-size:.76rem;color:var(--text-muted)}.user-self,.user-admin,.user-off{font-size:.62rem;font-weight:700;border-radius:999px;padding:.1rem .45rem;white-space:nowrap}.user-self{background:#e6eff3;color:var(--accent-hover)}.user-admin{background:var(--accent);color:#fff}.user-off{background:#fdf0dd;color:#7a4c02}.user-acts{display:flex;gap:.35rem;flex:none}.invite-form{border-top:1px solid var(--border);margin-top:.7rem;padding-top:.7rem}.invite-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.invite-names{display:flex;gap:.6rem}.invite-names .field{flex:1}.invite-admin{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.6rem 0;min-height:44px}.invite-admin input{width:20px;height:20px}