@import "https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css";
*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app{--bg:#f7f8fa;--fg:#191f28;--muted:#8b95a1;--surface:#fff;--line:#e5e8eb;--accent:#3182f6;background:var(--bg);min-height:100dvh;color:var(--fg);transition:all .25s}.app.dark{--bg:#101113;--fg:#f2f4f6;--muted:#8b95a1;--surface:#191b1e;--line:#2c3035}.topbar{z-index:40;pointer-events:auto;justify-content:space-between;align-items:center;height:76px;padding:18px clamp(18px,4vw,54px);display:flex;position:relative}.designButton{z-index:41;background:var(--surface);color:var(--fg);cursor:pointer;pointer-events:auto;touch-action:manipulation;border:0;border-radius:999px;padding:11px 17px;font-weight:700;position:relative;box-shadow:0 3px 16px #0000000c}.brand{color:var(--fg);letter-spacing:-2.4px;align-items:center;gap:12px;font-size:clamp(38px,5vw,54px);text-decoration:none;display:inline-flex}.brand.compact{letter-spacing:-1px;font-size:24px}.brandMark{width:.88em;height:.88em;display:inline-block;position:relative}.brandLens{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#2563eb,#7c3aed,#06b6d4) border-box;border:.115em solid #0000;border-radius:50%;position:absolute;inset:8% 23% 23% 8%}.brandHandle{transform-origin:50%;background:linear-gradient(90deg,#7c3aed,#06b6d4);border-radius:99px;width:40%;height:.115em;position:absolute;bottom:13%;right:3%;transform:rotate(45deg)}.gradient{background:linear-gradient(100deg,#2563eb,#7c3aed 55%,#06b6d4);color:#0000;-webkit-background-clip:text;background-clip:text}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 150px);padding:20px;display:flex;transform:translateY(-5vh)}.hero p{color:var(--muted);margin:20px 0 28px;font-size:18px}.searchForm{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;width:min(720px,100%);height:62px;padding:6px 7px 6px 20px;transition:all .2s;display:flex;box-shadow:0 7px 28px #0000000b}.searchForm:focus-within{border-color:#aeb8c4;box-shadow:0 8px 30px #00000015}.searchForm input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1;padding:0 2px;font-size:16px}.searchButton{cursor:pointer;white-space:nowrap;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:8px;height:48px;font-weight:800;transition:all .28s cubic-bezier(.2,.8,.2,1);display:flex}.buttonIcon{flex:0 0 21px;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.searchSvg{width:21px;height:21px;display:block;overflow:visible}.buttonText{letter-spacing:-.2px;font-weight:800}.theme-toss .searchButton{color:#fff;background:#3182f6;border-radius:50%;width:48px;min-width:48px;box-shadow:0 6px 16px #3182f638}.theme-toss .searchButton .buttonText{display:none}.theme-google{--bg:#fff}.theme-google.dark{--bg:#202124;--surface:#303134;--fg:#e8eaed;--line:#5f6368}.theme-google .searchForm{height:56px;box-shadow:0 1px 6px #20212424}.theme-google .searchButton{color:#202124;background:#f1f3f4;border-radius:999px;min-width:96px;padding:0 18px}.theme-google.dark .searchButton{color:#fff;background:#4a4d51}.theme-orb{--bg:#eef3fb;background:radial-gradient(circle at 20% 10%,#dfeaff,transparent 35%),radial-gradient(circle at 80% 20%,#eee2ff,transparent 34%),var(--bg)}.theme-orb.dark{--bg:#090b10;--surface:#151922cc}.theme-orb .word b{background:linear-gradient(90deg,#2563eb,#7c3aed,#06b6d4,#2563eb,#a855f7,#06b6d4) 0 0/320% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5.5s linear infinite orbWordGradient}.theme-orb .word b:nth-child(2){animation-delay:-2.75s}.theme-orb .brandMark{filter:drop-shadow(0 8px 20px #6f65ff35)}.theme-orb .brandLens{background:linear-gradient(color-mix(in srgb,var(--surface) 72%,transparent),color-mix(in srgb,var(--surface) 72%,transparent)) padding-box,linear-gradient(120deg,#4f83ff,#945dff,#23d5c7,#4f83ff) border-box;background-size:100% 100%,260% 100%;animation:4.8s linear infinite orbBorderGradient}.theme-orb .brandHandle{background:linear-gradient(90deg,#4f83ff,#945dff,#23d5c7,#4f83ff) 0 0/260% 100%;animation:4.8s linear infinite orbHandleGradient}@keyframes orbWordGradient{0%{background-position:0%}to{background-position:320%}}@keyframes orbBorderGradient{0%{background-position:0 0,0%}to{background-position:0 0,260%}}@keyframes orbHandleGradient{to{background-position:260%}}.theme-orb .searchForm{background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);border:1px solid #ffffff70;box-shadow:inset 0 1px #fff9,inset 0 -8px 18px #53617d12,0 18px 50px #4457a01c}.theme-orb.dark .searchForm{border-color:#ffffff25}.theme-orb .searchButton{color:#fff;background:linear-gradient(120deg,#467cf7,#8b5cf6,#20bfc5,#467cf7) 0 0/260% 100%;border-radius:999px;width:48px;min-width:48px;padding:0;animation:4.5s linear infinite orbButtonGradient;overflow:hidden;box-shadow:inset 0 1px 1px #fff9,0 6px 20px #536df34d}@keyframes orbButtonGradient{to{background-position:260%}}.theme-orb .searchButton .buttonText{opacity:0;max-width:0;transition:opacity .2s,max-width .28s,transform .28s;overflow:hidden;transform:translate(-4px)}.theme-orb .searchButton:hover,.theme-orb .searchButton:focus-visible{width:112px;padding:0 18px}.theme-orb .searchButton:hover .buttonText,.theme-orb .searchButton:focus-visible .buttonText{opacity:1;max-width:44px;transform:translate(0)}.hint{color:var(--muted);margin-top:22px;font-size:14px}.resultsPage{padding:0 clamp(18px,7vw,120px) 70px}.searchRow{margin:2px 0 0}.searchRow .searchForm{max-width:720px}.tabs{border-bottom:1px solid var(--line);gap:24px;max-width:760px;margin:20px 0 24px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 2px}.tabs button.active{color:var(--accent);border-color:var(--accent)}.results{max-width:760px}.result{padding:18px 4px 22px}.theme-toss .result{background:var(--surface);border-radius:20px;margin:12px 0;padding:20px}.theme-orb .result{background:color-mix(in srgb,var(--surface) 65%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffff50;border-radius:22px;margin:12px 0;padding:20px;box-shadow:inset 0 1px #fff7}.result a{text-decoration:none}.source{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.siteDot{background:var(--surface);border:1px solid var(--line);width:28px;height:28px;color:var(--fg);border-radius:50%;place-items:center;display:grid}.result h2{color:#1a0dab;margin:8px 0 6px;font-size:20px;font-weight:500}.dark .result h2{color:#8ab4f8}.theme-toss .result h2,.theme-orb .result h2{color:var(--fg);font-weight:650}.result p{color:color-mix(in srgb,var(--fg) 78%,var(--muted));margin:0;font-size:14px;line-height:1.6}.result small{color:var(--muted);margin-top:8px;display:block}.skeleton{background:linear-gradient(90deg,var(--surface),var(--line),var(--surface));background-size:200%;border-radius:18px;height:112px;margin:15px 0;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200%}}.message{color:var(--muted);flex-direction:column;gap:8px;padding:60px 4px;display:flex}.message b{color:var(--fg);font-size:20px}.imageGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;max-width:1400px;display:grid}.imageCard{color:var(--fg);flex-direction:column;gap:6px;text-decoration:none;display:flex}.imageCard img,.imagePlaceholder{aspect-ratio:1.25;object-fit:cover;background:var(--line);border-radius:16px;width:100%}.imageCard b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.imageCard span{color:var(--muted);font-size:12px}.overlay{z-index:100;pointer-events:auto;background:#0004;justify-content:flex-end;align-items:flex-start;padding:78px 30px;display:flex;position:fixed;inset:0}.designPanel{z-index:101;background:var(--surface);border:1px solid var(--line);pointer-events:auto;border-radius:24px;width:min(460px,100vw - 36px);padding:20px;position:relative;box-shadow:0 24px 80px #0003}.grabber{display:none}.panelHead{justify-content:space-between;align-items:center;font-size:20px;display:flex}.panelHead button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:28px}.themeChoices{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.themeChoices button{border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:17px;padding:9px}.themeChoices button.selected,.modes button.selected{outline:2px solid var(--accent)}.preview{background:#fff;border:1px solid #ddd;border-radius:12px;height:68px;margin-bottom:9px;display:block}.preview-toss{background:linear-gradient(#f4f6f8 35%,#fff 35%)}.preview-orb{background:radial-gradient(circle at 30% 20%,#fff,#cad8ff 40%,#b9a8ee)}.modeTitle{margin:22px 0 10px;font-weight:650}.modes{gap:8px;display:flex}.modes button{border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:13px;flex:1;padding:11px}@media (max-width:700px){.topbar{height:64px;padding:12px 16px}.brand.compact .word{font-size:20px}.hero{justify-content:flex-start;padding-top:18vh;transform:none}.hero p{font-size:15px}.searchForm{height:58px;padding-left:16px}.theme-google .searchForm{height:56px}.theme-google .searchButton{min-width:90px;padding:0 14px}.resultsPage{padding:8px 16px 50px}.searchRow .searchForm{width:100%}.tabs{gap:22px;margin-top:14px}.theme-toss .result,.theme-orb .result{margin:10px 0;padding:17px}.result h2{font-size:18px}.imageGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overlay{background:#0006;align-items:flex-end;padding:0}.designPanel{width:100%;max-width:none;padding:12px 18px max(24px,env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.grabber{background:var(--line);border-radius:9px;width:42px;height:5px;margin:0 auto 15px;display:block}.themeChoices{grid-template-columns:repeat(3,1fr)}.preview{height:58px}.theme-orb .searchButton:hover{width:48px;padding:0}.theme-orb .searchButton:hover .buttonText{opacity:0;max-width:0;transform:translate(-4px)}}@media (min-width:701px) and (max-width:1050px){.resultsPage{padding-left:7vw;padding-right:7vw}.imageGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.theme-orb .word b,.theme-orb .brandLens,.theme-orb .brandHandle,.theme-orb .searchButton{animation:none}}