:root{--bg:#101111;--ink:#f6f3e8;--muted:#b7b7b7;--line:#bebebe5c;--panel:#0a0b0bf0;--panel-soft:#0f0f0feb;--panel-hover:#101111f2;--accent:#b8b8b8;--accent-strong:#8f9b96;--control-bg:#f6f3e82e;--control-bg-hover:#f6f3e847;--control-border:#f6f3e88a;--control-border-strong:#f6f3e8b8;--inactive-bg:#070808ad;--inactive-border:#f6f3e82e;--inactive-ink:#f6f3e861;--success:#d6d6d6;--warning:#d1c4a5;--danger:#c5a0a0;--shadow:0 26px 80px #0000007a;--radius:8px;--control-stack-gap:14px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-color:var(--bg);background-image:url(/assets/background-map-doodles-grayscale.webp);background-position:top;background-repeat:repeat;background-size:620px 620px;background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before{content:none}button,input{font:inherit}button,.link-button{border:1px solid var(--control-border);border-radius:var(--radius);background:var(--control-bg);min-height:52px;color:var(--ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:0 18px;font-size:.94rem;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 12px 28px #00000038}.icon-button{gap:9px}.icon-button img{filter:none;flex:none;width:1.05em;height:1.05em;transition:filter .16s}.icon-button span{overflow-wrap:anywhere;min-width:0;transition:color .16s,filter .16s,text-shadow .16s}.icon-button.copied img{filter:drop-shadow(0 0 4px #ffffff6b)drop-shadow(0 0 10px #ffffff2e)}.icon-button.copied span{color:#fff;filter:drop-shadow(0 0 5px #ffffff47);text-shadow:0 0 4px #ffffffad,0 0 11px #ffffff57,0 0 19px #ffffff2e}button:hover,.link-button:hover{background:var(--control-bg-hover);border-color:var(--control-border-strong)}button:disabled,button[data-empty=true],.link-button.disabled{border-color:var(--inactive-border);background:var(--inactive-bg);box-shadow:none;color:var(--inactive-ink);cursor:not-allowed;opacity:1}button:disabled:hover,button[data-empty=true]:hover,.link-button.disabled:hover{border-color:var(--inactive-border);background:var(--inactive-bg);color:var(--inactive-ink)}button:disabled img,button[data-empty=true] img,.link-button.disabled img{opacity:.34}button[data-empty=true].icon-button.warning,button[data-empty=true].icon-button.warning:hover{color:var(--warning);background:#d1c4a51f;border-color:#d1c4a575}button[data-empty=true].icon-button.warning img{opacity:.64}label{color:#f6f3e8e0;margin-bottom:9px;font-size:.88rem;font-weight:750;display:block}.field-label-row{align-items:center;gap:8px;margin-bottom:9px;display:inline-flex}.field-label-row label{margin-bottom:0}input{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;min-height:52px;color:var(--ink);background:#080808d1;outline:none;padding:0 15px}input::placeholder{color:#b7b7b79e}input[type=search]::-webkit-search-cancel-button{appearance:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #b8b8b82b}main{z-index:1;align-items:start;width:min(1120px,100vw - 32px);min-height:100vh;margin:0 auto;padding:48px 0;display:grid;position:relative}.creator-shell,.playback-shell{width:100%}.creator-shell{grid-template-columns:1fr;align-items:start;gap:28px;max-width:920px;margin:0 auto;display:grid}.creator-copy{grid-column:1/-1;max-width:none}.brand-line{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:.84rem;font-weight:800}h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(3rem,7vw,6.6rem);line-height:.92}.app-title{white-space:nowrap;max-width:100%;font-size:clamp(1.35rem,5.2vw,4.55rem);line-height:1.04}.title-line{display:inline}.title-line-subject{white-space:nowrap;margin-left:.3em}.mosaic-word{color:#0000;filter:contrast(1.15);display:inline-block;position:relative}.mosaic-word:before{content:attr(data-word);color:var(--ink);filter:blur(7px);opacity:.9;position:absolute;inset:0}.mosaic-word:after{content:"";mix-blend-mode:screen;pointer-events:none;background:repeating-linear-gradient(0deg,#fff3 0 .13em,#ffffff05 .13em .26em),repeating-linear-gradient(90deg,#8ea2ff94 0 .18em,#ff7a7a85 .18em .36em,#f8cc7085 .36em .54em,#48d59785 .54em .72em);border-radius:.04em;width:calc(100% + .04em);height:1.26em;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(.13em - 50%))}.creator-copy p:not(.brand-line){max-width:min(100%,50rem);color:var(--muted);text-wrap:pretty;margin:24px 0 0;font-size:1.16rem;line-height:1.55}.creator-copy p:not(.brand-line) span{display:block}.shortcut-helper-panel{color:#f6f3e8c7;margin-top:0}.shortcut-helper{color:#f6f3e8c7;margin:0;font-size:.98rem;line-height:1.5}.shortcut-helper span{display:block}.shortcut-helper a{color:var(--ink);text-underline-offset:3px;font-weight:800;text-decoration:underline;text-decoration-thickness:1px}.shortcut-helper a:hover{color:var(--accent)}.shortcut-helper [data-testid=ez-mode-triggered]{color:var(--success);margin-top:8px;font-weight:800}.shortcut-install-button{width:max-content;min-height:32px;color:var(--ink);vertical-align:middle;background:#f6f3e81a;border-color:#f6f3e857;justify-content:center;align-items:center;margin:10px 0 0;padding:0 10px;font-size:.84rem;font-weight:750;display:inline-flex}.shortcut-install-button:hover{border-color:var(--control-border-strong);background:#f6f3e82e}.shortcut-install-feedback{min-height:1.25em;color:var(--success);opacity:0;visibility:hidden;margin:8px 0 0;font-size:.82rem;font-weight:800;line-height:1.35}.shortcut-install-feedback.visible{opacity:1;visibility:visible}.shortcut-install-feedback.warning{color:var(--warning)}.creator-form{grid-column:1/-1;justify-self:stretch;width:100%;max-width:920px}.creator-form .composer,.creator-form .simple-url-panel,.creator-form .more-tools{width:100%}.composer{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:0;min-width:0;padding:22px;display:grid;box-shadow:0 18px 54px #00000042}.composer-heading-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:9px;display:flex}.composer-heading-row label{text-wrap:pretty;max-width:min(100%,34rem);margin-bottom:0;line-height:1.35}.query-input-wrap{position:relative}.query-input-wrap input{z-index:1;padding-right:48px;position:relative}.query-input-wrap-warning input,.query-input-wrap-warning input:focus{background:#14110be0;border-color:#d1c4a5d1;box-shadow:0 0 0 4px #d1c4a529,0 0 22px #f8cc701f}.query-input-hint{z-index:2;color:#f6f3e8b8;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:calc(100% - 32px);display:inline-flex;position:absolute;top:50%;left:16px;overflow:hidden;transform:translateY(-50%)}.query-input-hint.warning{color:var(--warning);text-shadow:0 0 10px #f8cc702e;font-weight:750}.query-input-hint-text{text-overflow:ellipsis;min-width:1ch;overflow:hidden}.query-input-caret{background:#f6f3e8d1;flex:none;width:2px;height:1.18em;margin-left:2px;animation:.92s step-end infinite caret-blink}.clear-query-button{z-index:3;width:28px;height:28px;min-height:28px;box-shadow:none;color:#8ea2ff;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;font-size:1.72rem;font-weight:800;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-query-button:hover,.clear-query-button:focus-visible{color:#b9c4ff;background:#8ea2ff24}.clear-query-button:focus-visible{outline-offset:2px;outline:2px solid #8ea2ffb8}.share-panel{margin-top:var(--control-stack-gap);display:grid}.mode-toggle-row{flex:none;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0;display:inline-flex}.mode-toggle{color:#f6f3e8e0;cursor:pointer;align-items:center;gap:10px;width:max-content;margin:0;font-size:.88rem;font-weight:750;line-height:1;display:inline-flex}.mode-toggle-input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mode-toggle-track{background:var(--inactive-bg);border:1px solid #f6f3e838;border-radius:999px;align-items:center;width:42px;height:24px;padding:2px;transition:border-color .16s,background .16s;display:inline-flex}.mode-toggle-track span{background:#f6f3e861;border-radius:50%;width:18px;height:18px;transition:background .16s,transform .16s}.mode-toggle-input:checked+.mode-toggle-track{border-color:var(--control-border-strong);background:#f6f3e82e}.mode-toggle-input:checked+.mode-toggle-track span{background:var(--ink);transform:translate(18px);box-shadow:0 0 10px #f6f3e847}.mode-toggle-input:focus-visible+.mode-toggle-track{box-shadow:0 0 0 4px #b8b8b82b}.ai-mode-info,.short-url-info{align-items:center;display:inline-flex;position:relative}.mode-toggle-row .ai-mode-info-trigger,.short-url-info-trigger{color:#f6f3e8d1;cursor:help;background:#080808d1;border:1px solid #9aa6bdcc;border-radius:50%;width:19px;height:19px;min-height:19px;padding:0;font-size:.72rem;font-weight:850;line-height:1}.mode-toggle-row .ai-mode-info-trigger:hover,.mode-toggle-row .ai-mode-info-trigger:focus-visible,.short-url-info-trigger:hover,.short-url-info-trigger:focus-visible{border-color:var(--accent);color:var(--ink);background:#b8b8b824;outline:none}.mode-toggle-row .ai-mode-info-trigger:focus-visible,.short-url-info-trigger:focus-visible{box-shadow:0 0 0 4px #b8b8b82b}.ai-mode-info-tooltip{z-index:5;border-radius:var(--radius);color:#f6f3e8e0;opacity:0;pointer-events:none;text-align:left;visibility:hidden;background:#0e0e0efa;border:1px solid #bebebe47;width:max-content;max-width:min(320px,100vw - 48px);padding:8px 10px;font-size:.78rem;font-weight:650;line-height:1.35;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(-4px);box-shadow:0 18px 48px #0000007a}.short-url-info-tooltip{z-index:6;border-radius:var(--radius);color:#f6f3e8e0;opacity:0;pointer-events:none;text-align:left;visibility:hidden;text-wrap:pretty;background:#0e0e0efa;border:1px solid #bebebe47;width:max-content;max-width:min(360px,100vw - 150px);margin:0;padding:8px 10px;font-size:.78rem;font-weight:650;line-height:1.35;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(4px);box-shadow:0 18px 48px #0000007a}.ai-mode-info:hover .ai-mode-info-tooltip,.ai-mode-info:focus-within .ai-mode-info-tooltip,.short-url-info:hover .short-url-info-tooltip,.short-url-info:focus-within .short-url-info-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.copy-feedback{z-index:8;border-radius:var(--radius);width:max-content;max-width:min(420px,100%);min-height:0;color:var(--success);filter:none;opacity:0;pointer-events:none;text-align:left;text-shadow:0 0 5px #ffffff5c,0 0 13px #ffffff2e,0 0 22px #ffffff24;visibility:hidden;background:#0e0e0efa;border:1px solid #bebebe47;margin:0;padding:9px 12px;font-size:.82rem;font-weight:850;line-height:1.25;transition:color .16s,filter .16s,opacity .22s,transform .16s,text-shadow .16s,visibility .22s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);box-shadow:0 18px 48px #0000007a}.copy-feedback.visible{filter:drop-shadow(0 0 5px #fff3);opacity:1;visibility:visible;transform:translateY(0)}.copy-feedback-preview,.copy-feedback-short-url{left:auto;right:0}.copy-feedback-short-url{top:auto;bottom:calc(52px + var(--control-stack-gap) + 8px);max-width:min(460px,100%)}.copy-feedback.warning{color:var(--warning);filter:drop-shadow(0 0 5px #f8cc7033);text-shadow:0 0 10px #f8cc702e}.share-panel{margin-top:var(--control-stack-gap)}.more-tools{color:#f6f3e8e0;margin-top:18px}.simple-url-panel{margin-top:4px}.more-tools[open]{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:0 0;overflow:hidden;box-shadow:0 18px 54px #00000042}.more-tools-summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:0;width:100%;min-height:48px;padding:0 16px;font-size:.88rem;font-weight:800;list-style:none;display:inline-flex}.more-tools-summary-label{align-items:center;gap:9px;display:inline-flex}.more-tools-summary::-webkit-details-marker{display:none}.more-tools-summary::marker{content:""}.more-tools-summary:hover,.more-tools[open] .more-tools-summary:hover{background:#ffffff09}.more-tools[open] .more-tools-summary{border:0;border-bottom:1px solid var(--line);background:var(--panel);border-radius:0}.more-tools-summary:focus-visible{outline-offset:4px;outline:2px solid #b8b8b8cc}.more-tools-chevron{opacity:.7;border-bottom:2px solid;border-right:2px solid;width:.56em;height:.56em;transition:transform .16s;transform:translate(-.08em)rotate(-45deg)}.more-tools[open] .more-tools-chevron{transform:translateY(-.1em)rotate(45deg)}.more-tools-body{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:16px;margin-top:0;padding:24px 22px 22px;display:grid}.mode-panel{align-items:center;display:flex}.simple-url-panel{border-top:1px solid #bebebe2e;gap:0;padding-top:20px;display:grid;position:relative}.simple-url-action{width:100%;margin-top:var(--control-stack-gap)}.site-footer{color:#b7b7b7b8;letter-spacing:0;text-align:center;text-transform:none;gap:3px;margin:16px 0 0;font-size:.78rem;font-weight:700;line-height:1.45;display:grid}.site-footer p{margin:0}.site-footer a{color:#f6f3e8e0;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.site-footer a:hover{color:var(--ink)}.qr-toggle{color:#b7b7b7c2;cursor:pointer;width:auto;min-height:auto;font-size:inherit;font-weight:inherit;line-height:inherit;background:0 0;border:0;gap:7px;margin:0 auto;padding:2px 0}.qr-toggle:hover{color:var(--ink);background:0 0;border-color:#0000}.qr-toggle:focus-visible{outline-offset:4px;outline:2px solid #b8b8b8cc}.qr-chevron{border-bottom:2px solid;border-right:2px solid;width:.54em;height:.54em;transition:transform .16s;transform:translateY(-.1em)rotate(45deg)}.qr-toggle[aria-expanded=true] .qr-chevron{transform:translateY(.1em)rotate(225deg)}.qr-panel{justify-items:center;padding:7px 0 4px;display:grid}.tip-qr{background:#fff;border-radius:6px;width:min(418px,100vw - 48px);height:auto}.creator-shell>.site-footer{grid-column:1/-1;justify-self:center;width:100%}.input-row,.action-row{gap:10px;display:flex}.action-row{margin-top:var(--control-stack-gap);flex-wrap:wrap;align-items:stretch}.action-row button{flex:220px}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.secondary{border-color:var(--line);background:var(--panel);color:var(--ink)}.secondary:hover{background:#262626eb;border-color:#bebebe8f}.playback-shell{gap:18px;width:100%;max-width:920px;margin:0 auto;display:grid}.playback-header{display:block}.expiry-note,.loading-shell p{color:#d9e2f2c7;margin:0;font-size:.92rem;font-weight:750}.expiry-note{margin-top:-8px}.compact{min-height:44px;padding:0 14px}.browser-frame{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);border:1px solid #94a3b82e;overflow:hidden}.browser-bar{background:var(--panel-soft);border-bottom:1px solid #20283a;align-items:center;gap:8px;height:46px;padding:0 18px;display:flex}.browser-bar span{border-radius:50%;width:12px;height:12px}.browser-bar span:first-child{background:var(--danger)}.browser-bar span:nth-child(2){background:var(--warning)}.browser-bar span:nth-child(3){background:var(--success)}.search-scene{background:radial-gradient(circle at 50% 30%,#8ea2ff1c,#0000 36%),#050914;align-content:center;justify-items:center;gap:24px;min-height:clamp(400px,52vh,500px);padding:48px;display:grid;position:relative}.search-logo{color:#e5e7eb;letter-spacing:0;gap:2px;font-size:clamp(3rem,8vw,6.4rem);font-weight:850;display:flex}.search-logo span:first-child,.search-logo span:nth-child(4){color:#8ea2ff}.search-logo span:nth-child(2),.search-logo span:nth-child(5){color:#ff7a7a}.search-logo span:nth-child(3){color:#f8cc70}.search-logo span:nth-child(6){color:#48d597}.fake-search-box{border:1px solid var(--line);background:#101827;border-radius:999px;align-items:center;gap:12px;width:min(680px,100%);min-height:64px;padding:0 24px;font-size:clamp(1rem,2vw,1.2rem);transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 16px 38px #00000073}.fake-search-box svg{fill:none;width:23px;height:23px;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none}.fake-search-box span[data-testid=typed-query]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.text-caret{background:var(--accent);opacity:0;width:2px;height:1.4em}.typing .text-caret,.focused .text-caret{opacity:1;animation:1s step-end infinite blink}.focused .fake-search-box,.typing .fake-search-box,.typed .fake-search-box{border-color:#8ea2ffb8;transform:translateY(-1px);box-shadow:0 0 0 4px #8ea2ff1f,0 18px 44px #00000085}.search-button{min-height:46px}.cursor{z-index:3;pointer-events:none;width:32px;height:32px;transform:translate3d(var(--cursor-x,12vw), var(--cursor-y,18vh), 0);transition:transform .96s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.cursor img{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.cursor .text-cursor,.cursor .pointer-cursor{display:none}.cursor.text{width:32px;height:35px}.cursor.text .arrow-cursor{display:none}.cursor.text .text-cursor{display:block}.cursor.pointer{width:32px;height:35px}.cursor.pointer .arrow-cursor{display:none}.cursor.pointer .pointer-cursor{display:block}.hovering .search-button,.revealing .search-button,.submitted .search-button,.redirecting .search-button,.complete .search-button{background:var(--accent-strong)}.playback-overlay{z-index:4;opacity:0;background:#03071280;place-items:center;animation:1s forwards overlay-in;display:grid;position:absolute;inset:0}.playback-modal{border-radius:var(--radius);max-width:min(88%,520px);color:var(--ink);text-align:center;background:#101827e6;border:1px solid #94a3b84d;padding:24px 28px;font-size:clamp(1.35rem,3.6vw,2.7rem);font-weight:850;line-height:1.12;animation:1s cubic-bezier(.16,1,.3,1) forwards modal-in;transform:translateY(8px)scale(.98);box-shadow:0 24px 80px #00000080}.playback-modal span{display:block}.playback-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,292px);margin:18px auto 0;display:grid}.playback-actions button,.playback-actions .link-button{white-space:normal;width:100%;min-width:0;min-height:44px;padding:0 10px;font-size:clamp(.78rem,2.85vw,.9rem);line-height:1.12}.recovery-shell{grid-template-columns:1fr;max-width:820px;margin:0 auto}@keyframes blink{50%{opacity:0}}@keyframes overlay-in{to{opacity:1}}@keyframes modal-in{to{transform:translateY(0)scale(1)}}@keyframes caret-blink{50%{opacity:0}}@media (width<=860px){main{align-items:start;width:100%;padding:28px 18px 40px}.creator-shell{grid-template-columns:1fr;gap:20px}.app-title{white-space:normal;padding-bottom:clamp(12px,2.4vw,20px);font-size:clamp(2.25rem,11vw,4.2rem);line-height:.96}.title-line{display:block}.title-line-subject{margin-left:0}.creator-copy p:not(.brand-line){max-width:100%;margin-top:18px;font-size:clamp(1rem,3.8vw,1.12rem);line-height:1.45}.shortcut-helper-panel{margin-top:0}.shortcut-helper{font-size:clamp(.9rem,3.45vw,.98rem);line-height:1.45}.composer,.more-tools-body{padding:20px}.creator-form{grid-column:1;justify-self:stretch;width:100%}.playback-header{display:grid}.search-scene{min-height:430px;padding:34px 20px}}@media (width<=560px){main{padding:24px 16px max(40px, calc(env(safe-area-inset-bottom) + 32px))}.creator-shell{gap:18px}.composer,.more-tools-body{padding:18px 16px}.composer-heading-row{flex-direction:column;gap:13px}.composer-heading-row label{max-width:100%}.mode-toggle-row{align-self:flex-start}.ai-mode-info-tooltip{width:max-content;max-width:min(320px,100vw - 48px);left:0;right:auto}.input-row,.action-row{flex-direction:column}.share-actions [data-testid=copy-link]{grid-column:auto}.share-actions{grid-template-columns:1fr}.composer input:not(.mode-toggle-input),.share-panel input,.simple-url-panel input,.action-row button,.secondary-tool-button,.simple-url-action{width:100%}.composer button:not(.ai-mode-info-trigger),.share-panel button,.secondary-tool-button,.link-button{text-align:center;white-space:normal;min-height:58px;padding:0 14px;line-height:1.16}.action-row button,.secondary-tool-button,.simple-url-action{flex:none;min-height:58px}.action-row button{flex-basis:auto}.qr-toggle{width:auto;min-height:0;padding:0}.search-button{white-space:nowrap;width:auto;min-height:46px}.playback-modal{padding:24px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.query-input-hint{color:#b7b7b79e}.query-input-caret{animation:none}}