*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--ink-950)}body{margin:0;min-height:100dvh;background:var(--ink-950);color:var(--fg);font-family:var(--font);font-size:var(--text-md);line-height:1.5;-webkit-tap-highlight-color:transparent;caret-color:var(--saffron)}::selection{background:var(--sun);color:var(--ink-950)}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.masthead{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s3);padding:var(--s5) var(--s4) var(--s4);padding-top:max(var(--s5),env(safe-area-inset-top));background:linear-gradient(180deg,rgb(6 7 28 / 0) 35%,var(--ink-950) 100%),url(/assets/brand/band.webp) center / cover,var(--sweep)}.title{flex:none;margin:0;line-height:0}.title img{display:block;width:auto;height:clamp(80px,24vw,112px);filter:drop-shadow(0 2px 14px rgb(6 7 28 / .35))}.date{flex:none;display:flex;align-items:center;gap:var(--s2);margin:0;padding:var(--s2) var(--s4) var(--s2) var(--s3);border:1px solid rgb(255 255 255 / .45);background:linear-gradient(135deg,transparent calc(50% - 1px),rgb(255 255 255 / .45) 0 calc(50% + .5px),transparent 0) right bottom / 12px 12px no-repeat border-box,#ffffff14;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);color:#fff}.date b{font-weight:800}.date-day{font-size:2.25rem;line-height:1;color:var(--sun)}.date-rest{font-size:.8125rem;line-height:1.3;white-space:nowrap}@media(max-width:359px){.masthead{gap:var(--s2)}.title img{height:68px}.date{padding:var(--s2) var(--s3) var(--s2) var(--s2);gap:var(--s1)}.date-day{font-size:1.75rem}.date-rest{font-size:.75rem}}.tabs{position:sticky;top:0;z-index:10;padding:var(--s2) var(--s4);background:var(--ink-950)}.tabs-track{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--s1);border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-900)}.tabs-track:before{content:"";position:absolute;top:var(--s1);bottom:var(--s1);left:var(--s1);width:calc(50% - var(--s1));border-radius:var(--radius-sm) var(--radius-sm) 0 var(--radius-sm);background:linear-gradient(180deg,#fff,#e6e7fb);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);box-shadow:0 6px 18px #0000004d;transition:transform .35s var(--ease)}.tabs-track[data-active=register]:before{transform:translate(100%)}.tab{position:relative;min-height:var(--tap);padding:0 var(--s3) 0 var(--s2);border:0;border-radius:var(--radius-sm);background:none;color:var(--fg-3);font-size:clamp(.875rem,4.1vw,var(--text-md));font-weight:800;white-space:nowrap;transition:color .25s var(--ease)}.tab[aria-selected=true]{color:var(--ink-950)}.tab:not([aria-selected=true]):hover{color:var(--fg-2)}main{flex:1;padding:var(--s3) var(--s4) var(--s4)}.panel-loading{color:var(--fg-3);text-align:center;padding:var(--s6) 0}.frame{display:flex;flex-direction:column;gap:var(--s3)}.stage{display:flex;justify-content:center}.preview{position:relative;min-width:240px;border-radius:var(--radius);overflow:hidden;background:var(--ink-900);touch-action:none;user-select:none;-webkit-user-select:none}.preview-canvas{display:block;width:100%;height:100%}.preview:not([data-empty]) .preview-canvas{cursor:grab}.preview-canvas:active{cursor:grabbing}.preview-skeleton{position:absolute;inset:0;background:var(--ink-800);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.preview-msg{position:absolute;inset:auto var(--s4) var(--s4);margin:0;padding:var(--s3) var(--s4);border-radius:var(--radius-sm);background:#06071ce0;color:var(--fg);font-size:var(--text-sm);text-align:center}.preview-pick{position:absolute;display:grid;place-items:center;border:0;background:none;color:var(--fg-2)}.preview-pick-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2px dashed rgb(201 203 242 / .55);transition:border-color .2s var(--ease),color .2s var(--ease)}.preview-pick:hover .preview-pick-icon,.preview-pick:focus-visible .preview-pick-icon{border-color:var(--saffron);color:var(--fg)}.tools{display:flex;align-items:center;gap:var(--s2)}.tool{flex:none;display:grid;place-items:center;min-width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-800);color:var(--fg);transition:background-color .15s var(--ease)}.tool:active{background:var(--ink-700)}.tool-text{padding:0 var(--s3);font-size:var(--text-sm);font-weight:600}.zoom{flex:1;min-width:0;display:flex;align-items:center;height:44px}.zoom input{width:100%;height:44px;margin:0;background:none;-webkit-appearance:none;appearance:none}.zoom input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--ink-700)}.zoom input::-moz-range-track{height:4px;border-radius:2px;background:var(--ink-700)}.zoom input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border:3px solid var(--ink-950);border-radius:50%;background:var(--saffron)}.zoom input::-moz-range-thumb{width:18px;height:18px;border:3px solid var(--ink-950);border-radius:50%;background:var(--saffron)}.hint{margin:0;color:var(--fg-3);font-size:.875rem;line-height:1.4;text-align:center}.actions{display:flex;gap:var(--s2);padding-bottom:env(safe-area-inset-bottom)}.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:56px;padding:0 var(--s4);border-radius:var(--radius);border:0;font-size:var(--text-md);font-weight:600;line-height:1.2;white-space:nowrap;transition:background-color .15s var(--ease),transform .15s var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{flex:2;background:var(--saffron);color:var(--on-saffron);font-weight:800}.btn-primary:active:not(:disabled){background:var(--saffron-press)}.btn-secondary{background:var(--ink-800);color:var(--fg);border:1px solid var(--line)}.status{min-height:1.5em;margin:0;color:var(--fg-2);font-size:var(--text-sm);text-align:center}.sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#030314d1}.sheet-body{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;padding:var(--s4);padding-bottom:max(var(--s4),env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--ink-900)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.sheet-head h2{margin:0;font-size:var(--text-lg);font-weight:800}.sheet-hint{margin:var(--s2) 0 var(--s3);color:var(--fg-2);font-size:var(--text-sm)}.sheet-img{display:block;width:100%;height:auto;border-radius:var(--radius-sm);-webkit-touch-callout:default}.foot{padding:var(--s4);padding-bottom:max(var(--s4),env(safe-area-inset-bottom));color:var(--fg-3);font-size:.8125rem;text-align:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.lang-switch{position:absolute;top:max(var(--s2),env(safe-area-inset-top));right:var(--s4);z-index:1;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 var(--s3);border:1px solid rgb(255 255 255 / .45);border-radius:999px;background:#06071c59;color:#fff;font-size:.875rem;font-weight:600;line-height:1}.lang-switch:after{content:"";position:absolute;inset:-4px}.lang-switch:active{background:#06071c99}@media(max-width:359px){.lang-switch{top:max(6px,env(safe-area-inset-top));min-height:32px;padding:0 10px;font-size:.8125rem}}