:root{color-scheme:light dark;--canvas: light-dark(#ffffff, #1b1b1d);--sidebar: light-dark(#f4f4f2, #232326);--raised: light-dark(#ffffff, #2b2b2e);--fill: light-dark(#ececea, #323236);--line: light-dark(#e6e5e1, #38383c);--control: light-dark(#85837d, #7c7b77);--ink: light-dark(#1c1c1e, #f2f2ef);--ink-muted: light-dark(#66655f, #a6a59f);--fox: light-dark(#bf430c, #ff8a4c);--fox-soft: light-dark(#fdeee6, #3e2418);--on-fox: light-dark(#ffffff, #1b1b1d);--danger: light-dark(#c4281c, #ff6b5e);--kind-movie: light-dark(#d23a2f, #ff7a6b);--kind-series: light-dark(#a87300, #e8b13c);--kind-game: light-dark(#0b8296, #3cc0d4);--kind-place: light-dark(#6b7a0e, #b8c84a);--kind-trip: light-dark(#4c4fd6, #8f94ff);--kind-recipe: light-dark(#2b8a3e, #5cc276);--kind-project: light-dark(#1f6fd1, #5c9dff);--kind-person: light-dark(#c2357a, #f07aae);--kind-thought: light-dark(#8549cf, #b38cff);--shadow-card: light-dark( 0 1px 2px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .5) );--shadow-pop: 0 2px 6px light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .6)), 0 16px 40px light-dark(rgba(0, 0, 0, .14), rgba(0, 0, 0, .55));--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 999px;--touch: 44px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:22px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}main{max-width:560px;min-height:100dvh;margin:0 auto;padding:max(var(--space-5),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));display:grid;align-content:start;gap:var(--space-4)}h1{margin:0;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.015em;text-wrap:balance}p{margin:0}:focus-visible{outline:2px solid var(--fox);outline-offset:2px;border-radius:var(--radius-md)}input,textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--canvas);border:1px solid var(--control);border-radius:var(--radius-md);padding:0 var(--space-3)}input::placeholder,textarea::placeholder{color:var(--ink-muted)}input[type=password]{height:var(--touch)}textarea{padding:var(--space-3);line-height:24px;resize:none}button{font:inherit;min-height:var(--touch);padding:0 var(--space-4);border:0;border-radius:var(--radius-md);background:var(--fox);color:var(--on-fox);font-weight:600;cursor:pointer}button:disabled{opacity:.4;cursor:default}button.secondary{background:transparent;color:var(--ink-muted);font-weight:400;padding:0 var(--space-3)}button.secondary:hover:not(:disabled){background:var(--fill)}.card{background:var(--raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);display:grid;gap:var(--space-4)}.problem{display:grid;gap:var(--space-1)}.problem>:first-child{color:var(--danger);font-weight:600}.problem button{justify-self:start;margin-top:var(--space-2)}.notice{color:var(--ink-muted)}.detail{color:var(--ink-muted);font-size:13px;line-height:18px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.page{max-width:640px;margin:0 auto;display:grid;align-content:start;gap:var(--space-2);padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) 0 max(var(--space-4),env(safe-area-inset-left))}.list-title{display:flex;align-items:flex-start;gap:var(--space-2);padding:0 var(--space-1)}.back{justify-self:start;display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);margin-left:calc(var(--space-3) * -1);border-radius:var(--radius-md);color:var(--ink-muted)}.back:hover{background:var(--fill)}.back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}::view-transition-group(compose){animation-duration:.38s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(compose),::view-transition-new(compose){height:100%;object-fit:none}