@layer components{.ct-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(30px,3.2vw,40px);font-weight:700;line-height:1.1}.ct-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:600}.ct-search{cursor:text;border-radius:999px;flex:320px;align-items:center;gap:10px;min-width:0;height:48px;padding:0 8px 0 18px;display:flex}.ct-search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.ct-search input::placeholder{color:var(--ink-3)}.ct-search:focus-within{box-shadow:var(--glass-edge,inset 0 0 0 1px #ffffff8c), 0 0 0 2px var(--ring)}.ct-kbd{background:var(--surface);font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-2);border-radius:8px;padding:3px 9px;font-size:12px}.ct-count{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:12px}.ct-seg{flex-wrap:wrap;height:auto;min-height:48px}.ct-subjects{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:14px;display:grid}.ct-subject{min-width:0;min-height:132px;color:var(--ink);text-align:left;transition:transform var(--dur-2,.22s) var(--ease-out-soft,ease), box-shadow var(--dur-2,.22s) var(--ease-out-soft,ease);border-radius:24px;flex-direction:column;justify-content:space-between;gap:16px;padding:18px;text-decoration:none;display:flex}.ct-subject:hover{transform:translateY(-2px)}.ct-subject:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.ct-subject[aria-current=page]{box-shadow:inset 0 1px 0 #fffffff2, inset 0 0 0 2px var(--orange), 0 18px 40px -20px #fc651873}.ct-subject__name{overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.3;display:block}.ct-subject__meta{color:var(--ink-2);margin-top:3px;font-size:13px;display:block}.ct-subject--none{opacity:.78}.ct-subject--new{border:1.5px dashed color-mix(in srgb, var(--ink) 28%, transparent);background:color-mix(in srgb, var(--surface) 22%, transparent);cursor:pointer;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600}.ct-subject--new:hover{background:color-mix(in srgb, var(--surface) 45%, transparent)}.ct-subject__plus{background:var(--surface);border-radius:999px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px 12px -6px #1f1a144d}.ct-glyph{flex:none;width:44px;height:38px}.ct-glyph--peach{--g-fill:#ffe3d3;--g-stroke:#fc6518}.ct-glyph--lilac{--g-fill:#efe6ff;--g-stroke:#7c5ce0}.ct-glyph--sky{--g-fill:#ddf0ff;--g-stroke:#0b84d8}.ct-glyph--mint{--g-fill:#ddf7ea;--g-stroke:#0f9f6e}.ct-glyph--muted{--g-fill:var(--surface-2);--g-stroke:var(--ink-3)}.ct-panel{border-radius:32px;flex-direction:column;gap:20px;padding:24px;display:flex}.ct-crumbs{flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px;display:flex}.ct-crumbs a{min-height:32px;color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;font-weight:500;text-decoration:none;display:inline-flex}.ct-crumbs a:hover{color:var(--ink)}.ct-crumbs a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ct-subject-title{overflow-wrap:anywhere;font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1.2}.ct-list{background:var(--card);border-radius:24px;flex-direction:column;margin:0;padding:6px;list-style:none;display:flex;box-shadow:0 1px 2px #1f1a140f}.ct-list>li+li{border-top:1px solid color-mix(in srgb, var(--ink) 6%, transparent)}.ct-row{border-radius:18px;grid-template-columns:52px minmax(0,1fr) auto auto auto;align-items:center;gap:16px;min-height:72px;padding:8px 12px;display:grid}.ct-row:hover{background:color-mix(in srgb, var(--ink) 3%, transparent)}.ct-row__title{overflow-wrap:anywhere;color:var(--ink);font-size:16px;font-weight:600;line-height:22px;text-decoration:none;display:block}a.ct-row__title:hover{text-underline-offset:3px;text-decoration:underline}a.ct-row__title:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}.ct-row__meta{color:var(--ink-2);margin-top:3px;font-size:14px;display:block}.ct-row__date{white-space:nowrap;color:var(--ink-2);font-size:14px}@media (width<=639px){.ct-row{grid-template-columns:44px minmax(0,1fr) auto auto;gap:10px;padding:8px 6px}.ct-row__date{display:none}}.ct-kind{background:var(--ans-a-bg);border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.ct-kind img{object-fit:contain;width:38px;height:38px;display:block}.ct-kind--echo{background:var(--ans-b-bg)}.ct-kind--board{background:var(--ans-d-bg)}.ct-kind--sm{border-radius:12px;width:40px;height:40px}.ct-kind--sm img{width:28px;height:28px}@media (width<=639px){.ct-kind{border-radius:14px;width:44px;height:44px}.ct-kind img{width:32px;height:32px}}.ct-btn{background:var(--surface);height:40px;box-shadow:0 1px 2px #1f1a1414, inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent);white-space:nowrap;color:var(--ink);cursor:pointer;transition:background var(--dur-1,.12s) ease, transform var(--dur-1,.12s) ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.ct-btn:hover{background:var(--orange-wash)}.ct-btn:active{transform:scale(.98)}.ct-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ct-btn:disabled{cursor:default;opacity:.55}.ct-icon-btn{width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.ct-icon-btn:hover,.ct-icon-btn[data-state=open]{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.ct-icon-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ct-icon-btn--solid{background:color-mix(in srgb, var(--surface) 80%, transparent);width:44px;height:44px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.ct-menu__hint{color:var(--ink-3);margin-left:auto;font-size:12px}.ct-mark{background:var(--orange-wash);color:inherit;border-radius:4px;padding:0 2px}.ct-empty{border:1.5px dashed color-mix(in srgb, var(--ink) 18%, transparent);text-align:center;color:var(--ink-2);border-radius:24px;padding:32px 20px}.ct-recents{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ct-recent{background:var(--card);border-radius:22px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex;box-shadow:0 1px 2px #1f1a140f}.ct-choices{background:var(--card);border:0;border-radius:22px;flex-direction:column;gap:8px;margin:0;padding:6px;display:flex}.ct-choice{cursor:pointer;border-radius:16px;align-items:center;gap:12px;min-height:56px;padding:8px 14px;display:flex}.ct-choice:hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}.ct-choice:has(input:checked){background:var(--orange-wash);box-shadow:inset 0 0 0 2px var(--orange)}.ct-choice:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.ct-choice input{width:18px;height:18px;accent-color:var(--orange);flex:none}@media (prefers-reduced-motion:reduce){.ct-subject,.ct-btn{transition:none}.ct-subject:hover{transform:none}}}