@media (width>=900px){.sheet{width:min(460px, calc(100vw - var(--space-6)));border-bottom:var(--edge);border-radius:var(--r-card);top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover,.btn-y:hover,.btn-o:hover,.ibtn:hover,.nav a:hover,.option:hover{transition:translate .15s;translate:0 -2px}}@media (hover:none){button:not(:disabled):active,.btn-y:active,.btn-o:active,.ibtn:active,.nav a:active,.option:active{transition:translate .12s ease-out;translate:0 -2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#edeff2;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-hover:#edeff2;--color-text-primary:#1a1a1a;--color-text-secondary:#55595e;--color-text-on-accent:#1a1a1a;--color-border:#1a1a1a;--color-accent:#ffd139;--color-accent-hover:#e2b537;--color-accent-2:#f9dd8f;--color-accent-3:#cfdbe6;--color-sea:#e4ecf3;--color-success:#237636;--color-warning:#1a1a1a;--color-danger:#b3261e;--color-focus-ring:#1a1a1a;--font-display:"Gochi Hand", "Comic Sans MS", cursive;--font-label:"Gaegu", "Comic Sans MS", cursive;--font-body:"Karla", system-ui, sans-serif;--text-caption:14px;--text-body:16px;--text-label:19px;--text-button:20px;--text-h3:22px;--text-h2:28px;--text-h1:36px;--text-display:36px;--leading-caption:20px;--leading-body:24px;--leading-label:24px;--leading-button:24px;--leading-h3:28px;--leading-h2:32px;--leading-h1:40px;--leading-display:40px;--leading-lined:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-control:10px 7px 9px 8px / 8px 9px 7px 10px;--radius-card:12px 9px 11px 10px / 10px 12px 9px 11px;--radius-sheet:18px 14px 0 0 / 14px 18px 0 0;--radius-photo:3px;--edge-outline:2px solid #1a1a1a;--edge-offset:0 4px 0 #1a1a1a;--edge-offset-yellow:0 4px 0 #e2b537, 0 4px 0 2px #1a1a1a;--edge-press:translateY(3px);--bp-sm:640px;--bp-md:768px;--bp-lg:900px;--paper:#fff;--desk:#edeff2;--sea:#e4ecf3;--ink:#1a1a1a;--ink-2:#55595e;--rule:#cfdbe6;--yellow:#ffd139;--yellow-edge:#e2b537;--yellow-tint:#f9dd8f;--ok:#237636;--error:#b3261e;--marker:"Gochi Hand", "Comic Sans MS", cursive;--pencil:"Gaegu", "Comic Sans MS", cursive;--print:"Karla", system-ui, sans-serif;--r-ctl:10px 7px 9px 8px / 8px 9px 7px 10px;--r-card:12px 9px 11px 10px / 10px 12px 9px 11px;--r-sheet:18px 14px 0 0 / 14px 18px 0 0;--edge:2px solid #1a1a1a;--offset:0 4px 0 #1a1a1a;--offset-yellow:0 4px 0 #e2b537, 0 4px 0 2px #1a1a1a;--lines:linear-gradient(#fff 27px, #cfdbe6 27px, #cfdbe6 28px);--nav-h:72px;--duration-fast:80ms;--duration-base:.2s;--duration-draw:.5s;--duration-fly:.6s;--ease:cubic-bezier(.2, 0, 0, 1)}@media (width>=900px){:root{--text-h2:32px;--text-h1:44px;--text-display:44px;--leading-h2:36px;--leading-h1:48px;--leading-display:48px}}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.t-h1{font:var(--text-h2) / var(--leading-h2) var(--marker);font-weight:400}.t-h2{font:var(--text-h3) / var(--leading-h3) var(--marker);font-weight:400}.t-display{font:var(--text-display) / var(--leading-display) var(--marker);font-weight:400}.t-label{font:700 var(--text-label) / var(--leading-label) var(--pencil)}.t-small{font:var(--text-caption) / var(--leading-caption) var(--print);color:var(--ink-2)}.t-num{font-variant-numeric:tabular-nums}.lined{background-color:var(--paper);background-image:var(--lines);background-size:100% var(--leading-lined)}.btn-y,.btn-o{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) 18px 6px;font:var(--text-button) / var(--leading-button) var(--marker);color:var(--ink);border:var(--edge);border-radius:var(--r-ctl);margin-bottom:var(--space-1);text-align:center;cursor:pointer;transition:transform var(--duration-fast) var(--ease);text-decoration:none;display:inline-flex}.btn-y{background:var(--yellow);box-shadow:var(--offset-yellow)}.btn-o{background:var(--paper);box-shadow:var(--offset)}.btn-y:active:not(:disabled),.btn-o:active:not(:disabled){transform:var(--edge-press)}.btn-y:active:not(:disabled){box-shadow:0 1px 0 var(--yellow-edge), 0 1px 0 2px var(--ink)}.btn-o:active:not(:disabled){box-shadow:0 1px 0 var(--ink)}.btn-y:disabled,.btn-o:disabled{background:var(--paper);border-color:var(--rule);box-shadow:0 4px 0 var(--rule);color:var(--ink-2);cursor:default}.btn-o.danger{color:var(--error);border-color:var(--error);box-shadow:0 4px 0 var(--error)}.btn-o.danger:active:not(:disabled){box-shadow:0 1px 0 var(--error)}.btn-wide{width:100%}.ibtn{border-radius:var(--r-ctl);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;display:inline-grid}.ibtn:hover:not(:disabled){background:var(--desk)}.ibtn:disabled{opacity:.35;cursor:default}.link{font:700 var(--text-label) / var(--leading-label) var(--pencil);color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px;padding:0;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.chip{font:700 17px/20px var(--pencil);padding:6px var(--space-3) var(--space-1);border:var(--edge);border-radius:var(--r-ctl);background:var(--paper);color:var(--ink);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;min-height:36px;display:inline-flex}.chip[aria-pressed=true]{background:var(--yellow-tint)}.tag{font:700 17px/20px var(--pencil);border:var(--edge);border-radius:var(--r-ctl);padding:2px 10px 0;display:inline-block}.notice{gap:var(--space-3);padding:var(--space-3) 14px;border:var(--edge);border-radius:var(--r-card);background:var(--yellow-tint);font:var(--text-body) / var(--leading-body) var(--print);align-items:flex-start;display:flex}.notice.danger{background:var(--paper);color:var(--error);border-color:var(--error)}.notice.danger .i{stroke:var(--error)}.card{gap:var(--space-2);background:var(--paper);border:var(--edge);border-radius:var(--r-card);padding:var(--space-2);text-align:left;color:var(--ink);text-decoration:none;display:grid}.card img,.card .thumb{aspect-ratio:3/4;object-fit:cover;border:var(--edge);border-radius:var(--radius-photo);background:var(--desk);width:100%;display:block}.card .title{font:var(--text-h3) / var(--leading-h3) var(--marker)}.card .meta{font:700 17px/20px var(--pencil);color:var(--ink-2)}.options{gap:var(--space-3);display:grid}.option{text-align:left;width:100%;padding:14px var(--space-4);min-height:64px;color:var(--ink);background:var(--paper);border:var(--edge);border-radius:var(--r-card);box-shadow:var(--offset);margin-bottom:var(--space-1);cursor:pointer;align-items:center;gap:14px;text-decoration:none;display:flex}.option:active{transform:var(--edge-press);box-shadow:0 1px 0 var(--ink)}.option .option-text{gap:2px;min-width:0;display:grid}.option .option-title{font:var(--text-h3) / var(--leading-h3) var(--marker)}.option .option-meta{font:var(--text-caption) / var(--leading-caption) var(--print);color:var(--ink-2)}.option .option-thumb{object-fit:cover;border:var(--edge);border-radius:var(--radius-photo);background:var(--desk);flex:none;width:48px;height:64px;display:block}.scrim{z-index:40;padding:var(--space-4);background:#1a1a1a52;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{gap:var(--space-4);max-width:320px;padding:var(--space-4);border:var(--edge);border-radius:var(--r-card);box-shadow:var(--offset);background-color:var(--paper);display:grid}.confirm-dialog p{font:var(--text-body) / var(--leading-body) var(--print);color:var(--ink);margin:0}.confirm-dialog-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.sheet{z-index:41;border:var(--edge);border-radius:var(--r-sheet);background-color:var(--paper);background-image:var(--lines);background-size:100% var(--leading-lined);max-height:88%;padding:var(--space-3) var(--space-4) calc(env(safe-area-inset-bottom,0px) + 20px);gap:var(--space-4);border-bottom:0;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet-head{align-items:center;gap:var(--space-2);display:flex}.sheet-head h2{margin-right:auto}@media (width>=900px){.sheet{width:min(460px, calc(100vw - var(--space-6)));border-bottom:var(--edge);border-radius:var(--r-card);top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}}.pop{z-index:30;gap:var(--space-3);padding:var(--space-3);border:var(--edge);border-radius:var(--r-card);min-width:200px;box-shadow:var(--offset);background-color:var(--paper);background-image:var(--lines);background-size:100% var(--leading-lined);display:grid;position:absolute}.choice{gap:var(--space-2) var(--space-3);padding:var(--space-3);border:var(--edge);border-radius:var(--r-ctl);background:var(--paper);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;display:grid}.choice:has(input:checked){background:var(--yellow-tint);box-shadow:var(--offset);margin-bottom:var(--space-1)}.choice input{width:22px;height:22px;accent-color:var(--ink);margin:0}.choice .title{font:var(--text-h3) / var(--leading-h3) var(--marker);grid-column:2}.choice .desc{font:var(--text-body) / var(--leading-body) var(--print);color:var(--ink-2);grid-column:2}.seg{border:var(--edge);border-radius:var(--r-ctl);background:var(--paper);display:inline-flex;overflow:hidden}.seg button{font:700 17px/20px var(--pencil);color:var(--ink);padding:var(--space-2) var(--space-4) 6px;cursor:pointer;background:0 0;border:0;min-height:44px}.seg button+button{border-left:var(--edge)}.seg button[aria-pressed=true]{background:var(--yellow)}.toast-stack{left:50%;bottom:calc(var(--nav-h) + 20px);z-index:60;align-items:center;gap:var(--space-2);max-width:calc(100% - var(--space-6));pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2);background:var(--paper);border:var(--edge);border-radius:var(--r-ctl);box-shadow:var(--offset);padding:var(--space-2) var(--space-4);font:var(--text-body) / var(--leading-body) var(--print);width:max-content;max-width:100%;margin:0;display:flex}.field{gap:var(--space-1);display:grid}.field>label{font:700 var(--text-label) / var(--leading-label) var(--pencil)}.field input,.field textarea,.field select{font:var(--text-body) / var(--leading-body) var(--print);color:var(--ink);background:var(--paper);border:var(--edge);border-radius:var(--r-ctl);padding:10px var(--space-3);width:100%;min-height:44px}.field .help,.field .count{font:var(--text-caption) / var(--leading-caption) var(--print);color:var(--ink-2)}.field .error{font:var(--text-caption) / var(--leading-caption) var(--print);color:var(--error)}.empty{gap:var(--space-3);padding:var(--space-6) 0;justify-items:start;display:grid}.empty h2{font:var(--text-display) / var(--leading-display) var(--marker);font-weight:400}.empty p{color:var(--ink-2);margin:0}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover,.btn-y:hover,.btn-o:hover,.ibtn:hover,.nav a:hover,.option:hover{transition:translate .15s;translate:0 -2px}}@media (hover:none){button:not(:disabled):active,.btn-y:active,.btn-o:active,.ibtn:active,.nav a:active,.option:active{transition:translate .12s ease-out;translate:0 -2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body,#root{height:100%}html{overflow-x:hidden}body{background:var(--desk);color:var(--ink);font:var(--text-body) / var(--leading-body) var(--print);-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3{font-family:var(--marker);text-wrap:balance;margin:0;font-weight:400}h1{font-size:var(--text-h2);line-height:var(--leading-h2)}h2{font-size:var(--text-h3);line-height:var(--leading-h3)}h3{font-size:var(--text-button);line-height:var(--leading-button)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}svg.i{fill:none;width:24px;height:24px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100%;display:grid}.screen{flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.scroll{flex:1;min-height:0;overflow:hidden auto}.page{width:100%;max-width:640px;padding:var(--space-5) var(--space-4) var(--space-7);gap:var(--space-5);align-content:start;margin:0 auto;display:grid}.bar{align-items:center;gap:var(--space-2);padding:calc(env(safe-area-inset-top,0px) + var(--space-2)) var(--space-4) var(--space-2);background:var(--paper);border-bottom:var(--edge);flex:none;min-width:0;display:flex}.bar .title{font:var(--text-h3) / var(--leading-h3) var(--marker);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-right:auto;overflow:hidden}.nav{background:var(--paper);border-top:var(--edge);padding:6px var(--space-2) calc(env(safe-area-inset-bottom,0px) + 6px);z-index:20;grid-row:2;justify-content:space-around;align-items:center;display:flex;position:relative}.nav a{min-width:76px;min-height:52px;color:var(--ink);font:700 17px/18px var(--pencil);border-radius:var(--r-ctl);align-content:center;justify-items:center;gap:2px;text-decoration:none;display:grid}.nav a span{padding:0 6px}.nav a.active span{background:linear-gradient(transparent 38%, var(--yellow) 38%, var(--yellow) 88%, transparent 88%)}.nav a.new{font:var(--text-button) / var(--leading-button) var(--marker);padding:6px var(--space-4) var(--space-1);border:var(--edge);border-radius:var(--r-ctl);background:var(--paper);box-shadow:var(--offset);margin-bottom:var(--space-1);align-items:center;gap:6px;min-height:44px;display:flex}.nav a.new:active{transform:var(--edge-press);box-shadow:0 1px 0 var(--ink)}.nav a.new.active span{background:0 0}@media (width<=899px){.nav>a:first-child{order:1}.nav>a:nth-child(2){order:3}.nav>a:nth-child(3){order:2}.nav>a:nth-child(4){order:4}.nav>a:nth-child(5){order:5}}@media (width<=600px){.nav a{flex:1;min-width:0;font-size:15px}.nav a.new{padding-inline:var(--space-3);flex:none}}@media (width<=380px){.nav a:not(.new) span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav a.active:not(.new){position:relative}.nav a.active:not(.new):after{content:"";background:var(--yellow);border-radius:2px;width:20px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}}@media (width>=900px){.app{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr)}.screen{grid-area:1/2}.nav{justify-content:flex-start;gap:var(--space-3);border-top:0;border-right:var(--edge);padding:var(--space-5) var(--space-3);flex-direction:column;grid-area:1/1}.page{padding-inline:var(--space-5)}}.placeholder-screen{padding:var(--space-5);color:var(--ink-2)}.placeholder-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.globe-map{position:absolute;inset:0}.draw-spike{padding:var(--space-3)}.draw-spike-readout{margin-bottom:var(--space-2);color:var(--ink-2);font-size:var(--text-caption)}.draw-spike-stage{border:var(--edge);border-radius:var(--r-card);touch-action:none;max-width:100%;overflow:auto}