html{min-height:100%;background:linear-gradient(to bottom,#f0f8f8,#f0f0f8) fixed;background:linear-gradient(to bottom,#6bc4ff20,#6b93ff10) fixed}body,#root{min-height:100%;background:transparent}@media (hover: none){:is(input,textarea):focus-within{font-size:max(1em,16px)}}:root{--font-mono: "Noto Sans Mono", monospace;--bg: #ffffff;--panel: #ffffff;--text: #000000;--muted: #666666;--line: #d8d8d8;--line-strong: #a8a8a8;--line-weak: #f4f4f4;--notice-bg: #f6f6f6;--notice-text: #000000;--error-bg: #fff1f1;--error-text: #9a1f1f;--radius: 14px;--radius-small: 10px;--shadow: 0 .2rem 0 0 var(--line);--page-width: 760px;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 20px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-lg: 15px;--preview-size: 72px;--preview-size-compact: 56px;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--text) 6%, transparent);--transition-fast: .11s ease;--button-text: color-mix(in srgb, var(--text) 92%, white);--button-border: color-mix(in srgb, var(--line-strong) 82%, #9aa3b1);--button-highlight-top: color-mix(in srgb, white 94%, transparent);--button-highlight-mid: color-mix(in srgb, white 60%, transparent);--button-rim-bottom: color-mix(in srgb, var(--button-border) 76%, var(--text) 12%);--button-rim-bottom: transparent;--button-shadow-outer: color-mix(in srgb, white 58%, transparent);--button-shadow-outer: transparent;--button-press-shadow: inset 0 1px 2px color-mix(in srgb, var(--text) 12%, transparent), inset 0 0 0 1px color-mix(in srgb, white 18%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--text) 10%, transparent);--button-neutral-hue: #c8d0dc;--button-neutral-top: color-mix(in srgb, white 82%, var(--button-neutral-hue));--button-neutral-mid-top: color-mix(in srgb, white 66%, var(--button-neutral-hue));--button-neutral-mid-bottom: color-mix(in srgb, white 42%, var(--button-neutral-hue));--button-neutral-bottom: color-mix(in srgb, white 22%, var(--button-neutral-hue));--button-neutral-glow: color-mix(in srgb, white 62%, transparent);--button-active-hue: #6bc4ff;--button-active-text: var(--text);--button-active-border: color-mix(in srgb, var(--button-active-hue) 52%, var(--text) 28%);--button-active-rim-bottom: color-mix(in srgb, var(--button-active-hue) 55%, var(--text) 30%);--button-active-top: color-mix(in srgb, white 70%, var(--button-active-hue));--button-active-mid-top: color-mix(in srgb, white 48%, var(--button-active-hue));--button-active-mid-bottom: color-mix(in srgb, white 22%, var(--button-active-hue));--button-active-rim-bottom: transparent;--button-active-bottom: color-mix(in srgb, var(--button-active-hue) 70%, var(--text) 18%);--button-active-glow: color-mix(in srgb, white 46%, transparent);--button-active-highlight-top: color-mix(in srgb, white 90%, transparent);--button-active-highlight-mid: color-mix(in srgb, white 44%, transparent)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--text);font-family:var(--font-mono);font-size:var(--text-md);line-height:1.45}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;padding:0}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}.app-shell{width:100%;height:min(100dvh,100vh);padding:var(--space-7)}.layout{width:100%;height:100%;max-width:var(--page-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5);position:relative}.pane{width:100%;display:flex;flex-direction:column;gap:var(--space-5);height:0;min-height:0;flex-grow:1;overflow:auto;margin:calc(var(--space-5) * -1) calc(50% - 50vw);margin-top:calc(var(--space-5) * -2);padding:calc(var(--space-5) * 2) calc(50vw - 50%);box-sizing:content-box;padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-5))}.pane::scrollbar{display:none}.pane::-webkit-scrollbar{display:none}.pane.is-hidden{position:absolute;top:0;left:0;width:100%;visibility:hidden;pointer-events:none}.card{background:var(--panel);border-radius:var(--radius);padding:var(--space-5);width:100%;border-color:transparent;box-shadow:0 0 0 .5px var(--line),0 0 0 1px var(--line-strong)}.topbar{position:sticky;top:0;z-index:20;border:none;border-bottom:1px solid var(--line-strong);box-shadow:0 .125rem 0 var(--line),0 .125rem 0 1px var(--line-strong),0 0 0 1px var(--line-strong);margin-bottom:.125rem}.topbar-row{display:flex;align-items:center;column-gap:var(--space-2);row-gap:var(--space-4);min-width:0}.brand-button{display:flex;align-items:baseline;min-width:0;text-align:left;margin-right:auto;justify-content:space-between;gap:calc(var(--text-lg) * .75)}.brand-mark{font-size:var(--text-lg);font-weight:500;white-space:nowrap}.brand-mark-icon-desktop,.brand-mark-icon-mobile{font-size:var(--text-lg)}.brand-mark-icon-mobile{display:none!important}@media (hover: none){.brand-mark-icon-desktop{display:none!important}.brand-mark-icon-mobile{display:inline-block!important}}.brand-copy{color:var(--muted);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-button b{font-weight:900;text-transform:uppercase}.topbar-nav{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.status-card{padding-top:var(--space-4);padding-bottom:var(--space-4);position:sticky;top:0;z-index:100}.notice-card{background:var(--notice-bg);color:var(--notice-text)}.error-card{background:var(--error-bg);color:var(--error-text);border-color:#f0c4c4}.stack{display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-end;width:100%}.stack-tight{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.row-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);align-self:stretch}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);align-self:stretch}.wrap-gap{flex-wrap:wrap}.fill{flex:1 1 0;width:0}.section-title{font-size:var(--text-sm);font-weight:500;text-transform:lowercase;display:flex;align-items:center}.muted-text{color:var(--muted);font-size:var(--text-sm)}.text-input,.text-area{width:100%;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--bg);color:var(--text);padding:var(--space-4);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.text-input:focus,.text-area:focus{border-color:var(--text);box-shadow:var(--focus-ring)}.text-area{min-height:120px;resize:vertical}.nav-button,.primary-button,.ghost-button,.icon-button,.star-hit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.5em;padding:0 var(--space-5);border:1px solid var(--button-border);border-radius:999px;white-space:nowrap;font-weight:500;color:var(--button-text);background:radial-gradient(140% 120% at 50% -20%,var(--button-neutral-glow) 0%,transparent 55%),linear-gradient(to bottom,var(--button-neutral-top) 0%,var(--button-neutral-mid-top) 46%,var(--button-neutral-mid-bottom) 56%,var(--button-neutral-bottom) 100%);box-shadow:inset 0 1px 0 var(--button-highlight-top),inset 0 -1px 0 var(--button-rim-bottom),0 1px 0 var(--button-shadow-outer);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),background var(--transition-fast),color var(--transition-fast),text-shadow var(--transition-fast)}.nav-button:before,.primary-button:before,.ghost-button:before,.icon-button:before{content:"";position:absolute;left:12%;right:12%;top:2px;height:38%;border-radius:999px;pointer-events:none;background:radial-gradient(120% 140% at 50% 0%,var(--button-highlight-top) 0%,var(--button-highlight-mid) 45%,transparent 100%)}.icon-button,.star-hit{min-width:34px;padding:0}.nav-button.is-active,.icon-button.is-active{color:var(--button-active-text);border-color:var(--button-active-border);background:radial-gradient(140% 120% at 50% -20%,var(--button-active-glow) 0%,transparent 55%),linear-gradient(to bottom,var(--button-active-top) 0%,var(--button-active-mid-top) 46%,var(--button-active-mid-bottom) 56%,var(--button-active-bottom) 100%);box-shadow:inset 0 1px color-mix(in srgb,white 72%,var(--button-active-top)),inset 0 -1px 0 var(--button-active-rim-bottom),0 1px 0 var(--button-shadow-outer);font-weight:600;filter:brightness(.95) contrast(1.25) saturate(.95)}.nav-button.is-active:before,.icon-button.is-active:before{background:radial-gradient(120% 140% at 50% 0%,var(--button-active-highlight-top) 0%,var(--button-active-highlight-mid) 42%,transparent 100%)}.primary-button{color:var(--button-text);border-color:var(--button-border)}.primary-button:before{background:radial-gradient(120% 140% at 50% 0%,var(--button-highlight-top) 0%,var(--button-highlight-mid) 45%,transparent 100%)}.nav-button:active,.primary-button:active,.ghost-button:active,.icon-button:active{box-shadow:var(--button-press-shadow);filter:brightness(.98) saturate(1.02)}.nav-button:focus-visible,.primary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.star-hit:focus-visible{outline:none;box-shadow:inset 0 1px 0 var(--button-highlight-top),inset 0 -1px 0 var(--button-rim-bottom),0 1px 0 var(--button-shadow-outer),var(--focus-ring)}.nav-button.is-active:focus-visible,.icon-button.is-active:focus-visible{box-shadow:inset 0 1px color-mix(in srgb,white 72%,var(--button-active-top)),inset 0 -1px 0 var(--button-active-rim-bottom),0 1px 0 var(--button-shadow-outer),var(--focus-ring)}.star-hit{border:none;padding:0 calc(var(--space-3) / 2);min-width:0;min-height:0;background:transparent;box-shadow:none;transform:none}.result-card{display:flex;flex-direction:column;gap:var(--space-4)}.result-card.is-selected{border-color:var(--text)}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.rating-chip{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.star-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 calc(var(--space-3) / 2);min-height:2.5em}.star-hit{border:none;padding:0 calc(var(--space-3) / 2);min-width:0;min-height:0;background:transparent}.star-stack{position:relative;display:block;width:18px;height:18px}.star-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.star-layer svg{display:block;width:18px;height:18px}.star-fill{color:gold}.star-outline{color:#000;pointer-events:none}.preview-link-wrap{display:block;width:100%;text-align:left}.preview-link-wrap.is-clickable{cursor:pointer}.preview-card{display:flex;align-items:flex-start;gap:var(--space-4);min-width:0}.preview-card.is-compact{gap:var(--space-3)}.preview-media-wrap{flex:0 0 auto}.preview-image,.preview-icon,.preview-fallback{display:block;min-width:var(--preview-size);height:var(--preview-size);max-width:calc(var(--preview-size) * 2);border:1px solid var(--line);border-radius:3px;background:var(--bg)}.preview-card.is-compact .preview-image,.preview-card.is-compact .preview-icon,.preview-card.is-compact .preview-fallback{min-width:var(--preview-size-compact);height:var(--preview-size-compact);max-width:calc(var(--preview-size-compact) * 2)}.preview-image{object-fit:contain;background:var(--line-weak)}.preview-icon{object-fit:contain}.preview-fallback{display:flex;align-items:center;justify-content:center;color:var(--muted)}.preview-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.preview-title-row{display:flex;align-items:center;gap:var(--space-2);min-width:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer;width:fit-content}.preview-title{font-weight:500;overflow-wrap:anywhere}.preview-open{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.preview-site-row{display:flex;align-items:center;min-width:0;flex-wrap:wrap}.preview-separator{white-space:pre}.preview-site,.preview-url,.preview-description,.preview-separator{color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere}.preview-card.is-compact :is(.preview-site,.preview-url,.preview-description){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-description{white-space:pre-wrap}.meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.meta-tag{display:inline-flex;align-items:center;min-height:2em;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:var(--text-sm)}.auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5)}.auth-grid .card{height:fit-content}@media (hover: none){:root{--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--text-xs: 9px;--text-sm: 10px;--text-md: 11px;--text-lg: 13px;--preview-size: 64px;--preview-size-compact: 52px;--radius: 12px;--radius-small: 8px}.app-shell{padding:var(--space-5)}.topbar-row{flex-wrap:wrap}.brand-button{flex:1 1 100%}.brand-mark-icon-mobile{margin-left:auto!important;display:inline-flex!important}.brand-mark-icon-desktop,.mobile-hide{display:none!important}.topbar-nav{margin-right:auto;flex-wrap:wrap}.auth-grid{grid-template-columns:minmax(0,1fr);width:100%}.preview-image,.preview-icon,.preview-fallback{width:var(--preview-size)}.preview-card.is-compact .preview-image,.preview-card.is-compact .preview-icon,.preview-card.is-compact .preview-fallback{width:var(--preview-size-compact)}}