:root{color-scheme:light dark;--tint: #b3212e;--tint-fill: rgba(179, 33, 46, .13);--tint-fill-pressed: rgba(179, 33, 46, .22);--destructive: #d0342c;--bg: #ffffff;--grouped-bg: #f2f2f7;--card-bg: #ffffff;--bar-bg: rgba(255, 255, 255, .78);--label: #000000;--secondary-label: #6e6e73;--tertiary-label: #c7c7cc;--separator: rgba(60, 60, 67, .29);--fill-pressed: rgba(60, 60, 67, .08);--thumb-bg: rgba(120, 120, 128, .16);--segment-selected: #ffffff;--shadow-card: 0 1px 1.5px rgba(0, 0, 0, .06);--radius-lg: 14px;--radius-md: 12px;--radius-sm: 10px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--tint: #ff6b62;--tint-fill: rgba(255, 107, 98, .16);--tint-fill-pressed: rgba(255, 107, 98, .26);--destructive: #ff6961;--bg: #000000;--grouped-bg: #1c1c1e;--card-bg: #1c1c1e;--bar-bg: rgba(15, 15, 17, .78);--label: #ffffff;--secondary-label: #98989f;--tertiary-label: #48484a;--separator: rgba(84, 84, 88, .65);--fill-pressed: rgba(120, 120, 128, .24);--thumb-bg: rgba(120, 120, 128, .24);--segment-selected: #636366;--shadow-card: 0 1px 1.5px rgba(0, 0, 0, .5)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--label);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font-family:inherit}.app-shell{max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.screen-scroll{display:flex;flex-direction:column;min-height:100vh}.list-screen{background:var(--grouped-bg)}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-bottom:.5px solid var(--separator);position:sticky;top:0;background:var(--bar-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:10}.nav-bar .nav-title{font-weight:600;font-size:17px;letter-spacing:-.01em;text-align:center;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-bar .nav-title-mono{font-family:var(--font-mono);font-weight:700;font-size:16px}.nav-back{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--label);cursor:pointer;width:44px;height:36px;border-radius:var(--radius-sm)}.nav-back:active{background:var(--fill-pressed)}.nav-leading,.nav-trailing{display:flex;align-items:center;min-width:44px;flex:1 0 0}.nav-trailing{justify-content:flex-end}.nav-action{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--label);cursor:pointer;min-width:40px;height:36px;padding:0 8px;border-radius:var(--radius-sm)}.nav-action:active:not(:disabled){background:var(--fill-pressed)}.nav-action:disabled{color:var(--tertiary-label);cursor:default}.nav-action-destructive:not(:disabled){color:var(--destructive)}.nav-menu{position:relative}.nav-menu-list{position:absolute;top:calc(100% + 6px);right:0;z-index:21;min-width:220px;padding:4px 0;border-radius:var(--radius-md);background:var(--card-bg);box-shadow:0 8px 28px #00000038,0 0 0 .5px var(--separator)}.nav-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px 10px 10px;border:none;background:none;color:var(--label);font:inherit;font-size:17px;text-align:left;cursor:pointer}.nav-menu-item+.nav-menu-item{border-top:.5px solid var(--separator)}.nav-menu-item:active,.nav-menu-item:hover{background:var(--fill-pressed)}.nav-menu-check{display:flex;width:18px;justify-content:center}.nav-menu-title{flex:1}.nav-action-text{font-size:17px;font-weight:600;color:var(--tint)}.home{--tint: #007aff;--tint-fill: rgba(0, 122, 255, .13);--tint-fill-pressed: rgba(0, 122, 255, .22);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:32px;gap:22px;min-height:100vh;background:var(--bg)}@media (prefers-color-scheme: dark){.home{--tint: #0a84ff;--tint-fill: rgba(10, 132, 255, .18);--tint-fill-pressed: rgba(10, 132, 255, .28)}}.home .icon{display:flex;justify-content:center;color:var(--tint)}.home h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-.02em}.home p.subtitle{margin:0;color:var(--secondary-label);font-size:15px;line-height:1.4;max-width:300px}.home .actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:none;border-radius:var(--radius-lg);font-size:17px;font-weight:590;cursor:pointer;width:100%;transition:transform .12s ease}.btn-bordered{background:var(--tint-fill);color:var(--tint)}.btn-prominent{background:var(--tint);color:#fff}.toggle-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px;font-size:17px;cursor:pointer}.switch{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--separator);border-radius:999px;transition:background .15s ease}.switch input:checked~.switch-track{background:var(--tint)}.switch-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:transform .15s ease}.switch input:checked~.switch-thumb{transform:translate(20px)}.btn-bordered:active{background:var(--tint-fill-pressed);transform:scale(.97)}.btn-prominent:active{opacity:.8;transform:scale(.97)}.source-link{display:inline-flex;align-items:center;gap:4px;color:var(--secondary-label);font-size:13px;text-decoration:none}.source-link:active{opacity:.5}.source-links{display:flex;flex-direction:column;align-items:center;gap:4px}.visited{display:flex;flex-direction:column;align-items:center;gap:6px}.visited-count{margin:0;font-size:15px;font-weight:500;color:var(--secondary-label)}.build-info{margin:16px 0 0;font-family:var(--font-mono);font-size:13px;color:var(--secondary-label)}.btn-text-destructive{background:none;border:none;color:var(--destructive);font-size:15px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.btn-text-destructive:active{background:var(--fill-pressed)}.list-group{padding:12px 16px 32px}.hos-list{list-style:none;margin:0;padding:0;background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.hos-list li{border-bottom:.5px solid var(--separator)}.hos-list li:last-child{border-bottom:none}.hos-row{display:flex;align-items:center;gap:12px;padding:8px 16px;min-height:60px;text-decoration:none;color:var(--label);cursor:pointer;background:none;border:none;width:100%;text-align:left;font-size:16px}.hos-row:active{background:var(--fill-pressed)}.hos-thumb{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--thumb-bg)}.hos-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--secondary-label)}.hos-row .names{display:flex;flex-direction:column;flex:1;min-width:0}.hos-row .names .name{font-weight:590;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hos-row .names .term-row{display:flex;align-items:baseline;gap:8px}.hos-row .names .reactions{margin-left:auto;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hos-row .names .term{flex-shrink:0;font-size:13px;color:var(--secondary-label);margin-top:1px}.hos-row .chevron{color:var(--tertiary-label)}.news-row{padding:10px 16px}.news-thumb{width:64px;height:64px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--thumb-bg)}.news-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--secondary-label)}.news-row .names{gap:4px}.news-row .names .label{font-weight:590;font-size:16px;line-height:1.3}.news-row .names .host{font-size:14px;color:var(--secondary-label)}.detail{padding:16px;flex:1;background:var(--bg)}.progress-bar{display:flex;gap:2px;height:5px;margin-bottom:16px}.progress-segment{flex:1;border-radius:2.5px;background:var(--fill-pressed);transition:background .3s ease}.zoomable-image{overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-card);touch-action:none;-webkit-touch-callout:none}.zoomable-image.zoomed{cursor:grab}.zoomable-image.zoomed:active{cursor:grabbing}.zoomable-image{position:relative}.zoom-controls{display:flex;position:absolute;top:8px;right:8px;z-index:1;gap:2px;padding:2px;border-radius:999px;background:var(--bar-bg);box-shadow:var(--shadow-card);cursor:default}.zoom-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:none;border-radius:999px;background:none;color:var(--label);font-size:14px;font-weight:600;cursor:pointer}.zoom-btn:hover:not(:disabled){background:var(--fill-pressed)}.zoom-btn:disabled{color:var(--tertiary-label);cursor:default}.header-fade{display:grid}.fade-layer{grid-area:1 / 1;min-width:0}.fade-layer.fade-out{z-index:1;pointer-events:none;animation:header-fade-out var(--fade-period, 1s) ease-in-out forwards}.fade-layer.fade-in{animation:header-fade-in var(--fade-period, 1s) ease-in-out}@keyframes header-fade-in{0%{opacity:0}to{opacity:1}}@keyframes header-fade-out{0%{opacity:1}to{opacity:0}}.zoomable-content{position:relative;transform-origin:center}.detail-image{width:100%;border-radius:var(--radius-md);display:block;background:var(--thumb-bg);user-select:none;-webkit-user-select:none}.zoomable-content.drawing-only{background:#fff;border-radius:var(--radius-md)}.zoomable-content.drawing-only .detail-image{opacity:0}.drawing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.drawing-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;max-width:720px;margin:0 auto;background:var(--bg);overflow:hidden}.drawing-editor-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.drawing-editor-photo{position:relative;touch-action:none;max-width:100%;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.drawing-editor-photo img{display:block;max-width:100%;max-height:calc(100dvh - 190px);background:var(--thumb-bg);user-select:none;-webkit-user-select:none}.drawing-editor-body.picker-open .drawing-editor-photo img{max-height:calc(100dvh - 246px)}.drawing-surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.drawing-tools{display:flex;align-items:center;gap:8px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));border-top:.5px solid var(--separator);background:var(--bar-bg)}.pen-colors{display:flex;gap:10px;flex:1;justify-content:center}.pen-color{width:28px;height:28px;border-radius:50%;border:1px solid var(--separator);cursor:pointer;padding:0}.pen-color.selected{outline:2.5px solid var(--label);outline-offset:2px}.detail-image-placeholder{width:100%;height:220px;border-radius:var(--radius-md);background:var(--thumb-bg);display:flex;align-items:center;justify-content:center;color:var(--secondary-label)}.detail-text{margin-top:18px;opacity:0}.detail-text.visible{opacity:1;transition:opacity .5s ease-in}.detail-text h1{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.02em}.detail-text h1.name-mono{font-family:var(--font-mono);font-size:17px;font-weight:400;letter-spacing:normal}.reaction-control{align-self:stretch}.reaction-row{display:flex;align-items:center;gap:12px}.reaction-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:var(--label);cursor:pointer}.reaction-btn:disabled{color:var(--tertiary-label);cursor:default}.reaction-overlay{position:absolute;top:0;right:0;bottom:0;left:0;container-type:inline-size;display:flex;align-items:flex-end;justify-content:center;padding:0 8px 6px;pointer-events:none}.reaction-overlay span{line-height:1.1;white-space:nowrap;filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}.reaction-picker-strip{display:flex;gap:8px;margin-top:8px;padding:6px;width:fit-content;background:var(--fill-pressed);border-radius:var(--radius-sm)}.reaction-picker-option{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:20px;line-height:1;border:none;border-radius:50%;background:var(--fill-pressed);color:var(--tint);cursor:pointer}.reaction-picker-option:active{background:var(--tint-fill-pressed)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#0006}.sheet{display:flex;flex-direction:column;width:100%;max-width:600px;height:85vh;height:85dvh;background:var(--grouped-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.sheet-header{position:relative;display:flex;align-items:center;justify-content:center;height:52px;flex-shrink:0}.sheet-title{font-size:17px;font-weight:600;color:var(--label)}.sheet-cancel{position:absolute;left:16px;background:none;border:none;padding:0;color:var(--tint);font:inherit;font-size:17px;cursor:pointer}.sheet-search{margin:0 16px 8px;padding:8px 12px;border:none;border-radius:var(--radius-sm);background:var(--thumb-bg);color:var(--label);font:inherit;font-size:17px;flex-shrink:0}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;padding:0 16px 16px;overflow-y:auto;align-content:start}.emoji-grid-cell{display:flex;align-items:center;justify-content:center;height:44px;padding:0;border:none;border-radius:var(--radius-sm);background:none;font-size:32px;line-height:1;cursor:pointer}.emoji-grid-cell:active{background:var(--fill-pressed)}.emoji-grid-empty{grid-column:1 / -1;margin:48px 0;text-align:center;color:var(--secondary-label)}.detail-text .subtitle{margin:0 0 16px;color:var(--secondary-label);font-size:17px;font-weight:590}.detail-text p{margin:0 0 16px;font-size:16px;line-height:1.5;color:var(--label)}.wiki-link{display:inline-flex;align-items:center;gap:5px;color:var(--tint);text-decoration:none;font-size:15px;font-weight:500;padding:4px 0}.wiki-link:active{opacity:.5}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-top:.5px solid var(--separator);position:sticky;bottom:0;background:var(--bar-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.toolbar-btn{background:none;border:none;color:var(--label);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:var(--radius-sm)}.toolbar-btn:active:not(:disabled){background:var(--fill-pressed)}.toolbar-btn:disabled{color:var(--tertiary-label);cursor:default}.toolbar-btn-icon{justify-content:center;width:44px;padding:8px}.labeled-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:2px;font-size:17px}.segmented{display:flex;padding:2px;border-radius:9px;background:var(--thumb-bg);flex-shrink:0}.segment{min-width:48px;padding:5px 10px;border:none;border-radius:7px;background:transparent;color:var(--label);font:inherit;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer}.segment.selected{background:var(--segment-selected);box-shadow:0 1px 3px #0000001f;font-weight:600}@media (min-width: 1000px) and (orientation: portrait){.app-shell{max-width:none}.nav-bar .nav-title-mono{font-size:24px}.detail{padding:20px 32px}.progress-bar{height:8px;margin-bottom:20px}.zoomable-image{width:fit-content;margin:0 auto}.detail-image{width:auto;height:56vh;max-width:calc(100vw - 64px);object-fit:contain}.detail-text{margin-top:24px}.detail-text h1.name-mono{font-size:30px}.detail-text .subtitle{margin-bottom:20px;font-size:30px}.detail-text p{margin-bottom:20px;font-size:26px}.wiki-link{font-size:22px}}