:root{--bg:#16151b;--paper:#eeeee6;--muted:#929096;--lime:#d8ff83;--purple:#8c7df0;--ink:#24222c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #a996ff;outline-offset:4px}button{color:inherit}a{color:inherit}.masthead{max-width:1500px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:.06em}.wordmark{text-decoration:none}.masthead button{font:11px monospace;background:none;border:0;padding:10px;color:#aaa5b4}main{max-width:1400px;margin:12px auto 0;display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;padding:0 7% 35px}.editorial{padding:12px 0 25px}.issue{font:9px/1.5 monospace;letter-spacing:.1em;display:flex;align-items:center;gap:10px;color:#a9a3b4}.issue span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #d8ff8350}h1{font-size:clamp(78px,8.2vw,122px);font-weight:400;letter-spacing:-.075em;line-height:.94;margin:30px 0}h1 span{color:var(--purple);white-space:nowrap}.editorial>p{font-size:19px;line-height:1.45;letter-spacing:-.025em;margin:35px 0;color:#aaa5b4}.editorial-bottom{display:flex;align-items:center;gap:22px;margin-top:65px;font:9px/1.6 monospace;letter-spacing:.07em;color:#77717f}.arrow-hand{font-size:52px;color:var(--lime);font-family:Arial;transform:rotate(10deg)}.phone-shell{width:min(100%,390px);justify-self:center;position:relative}.phone-shell:before{content:'';position:absolute;inset:10% -20% 0;background:radial-gradient(ellipse,#5c427d38,transparent 65%);pointer-events:none}.phone{height:730px;width:100%;border:5px solid #343139;outline:1px solid #514b59;border-radius:49px;box-shadow:0 35px 60px #0006,inset 0 0 0 2px #0b0b0c;position:relative;background:#100f14;overflow:hidden}.statusbar{height:55px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:4px 25px 0;font-size:12px;font-weight:bold;z-index:5;color:white;pointer-events:none}.island{height:24px;width:95px;border-radius:30px;background:#0b0a0e;position:absolute;top:13px;left:50%;transform:translateX(-50%)}.status-icons{display:flex;align-items:center;gap:6px;font-size:10px}.status-icons i{display:block;width:18px;height:9px;border:1px solid currentColor;border-radius:3px;position:relative}.status-icons i:after{content:'';position:absolute;left:1px;top:1px;width:12px;height:5px;border-radius:1px;background:currentColor}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);height:4px;width:110px;background:#ffffff80;border-radius:3px;z-index:6;pointer-events:none}#screen{height:100%;position:relative;overflow:hidden}.phone-caption{display:flex;justify-content:space-between;align-items:center;margin:20px 0 0;font:8px monospace;letter-spacing:.025em;color:#77717f;gap:10px}.phone-caption button{font:9px monospace;padding:8px 0;border:0;background:none;color:#a69ab6;white-space:nowrap}footer{max-width:1400px;margin:auto;padding:12px 7% 25px;display:flex;justify-content:space-between;font:9px/1.5 monospace;color:#77717f;gap:20px}footer a{text-decoration:none;color:#b6aca4}.call-screen{height:100%;background:radial-gradient(ellipse at 10% 40%,#625272,transparent 65%),linear-gradient(165deg,#52485c,#25232d 75%);display:flex;flex-direction:column;align-items:center;padding:87px 25px 55px;text-align:center;position:relative}.call-type{font-size:12px;color:#d8cfdf99;letter-spacing:.025em;margin:0 0 10px}.caller-name{font-size:32px;line-height:1.1;font-weight:400;letter-spacing:-.04em;margin:0;position:relative;z-index:2}.caller-sub{font-size:13px;color:#d2c7dc9c;margin-top:10px}.avatar{height:112px;width:112px;background:var(--lime);border-radius:32px;display:grid;place-items:center;font-size:77px;font-weight:400;line-height:1;color:#34373d;margin:53px 0 0;position:relative;transform:rotate(-7deg);box-shadow:0 8px 0 #17151b20}.avatar:before,.avatar:after{content:'';position:absolute;inset:-18px;border:1px solid #d4c0f125;border-radius:48px;animation:ring 2.5s ease-out infinite}.avatar:after{animation-delay:1.25s}.call-hint{color:#c5b8cd;font-size:12px;margin:37px 0 0;min-height:34px;line-height:1.5}.call-actions{width:100%;display:flex;justify-content:space-around;margin-top:auto;padding-top:20px}.call-action{display:flex;flex-direction:column;align-items:center;gap:11px;border:0;background:none;font-size:11px;padding:5px;color:#e8e1ec}.round-button{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#ffffff19;transition:.2s}.round-button svg{width:28px;height:28px;fill:currentColor}.call-action:hover .round-button{transform:scale(1.08)}.call-action.red .round-button{background:#e76265}.call-action.green .round-button{background:#91ba6e;color:#fff}.call-action.gray .round-button{color:#d5c8e1}.call-action.red svg{transform:rotate(135deg)}.call-action.green .round-button{animation:phonebuzz 3.5s ease infinite}.mini-label{position:absolute;bottom:27px;font:8px monospace;color:#cbbbd18c}.thread-screen{height:100%;display:flex;flex-direction:column;background:#e7e4db;color:var(--ink);padding-top:55px}.thread-screen .thread-header{flex-shrink:0;display:flex;align-items:center;gap:11px;padding:12px 16px 15px;background:#f3f0e8;border-bottom:1px solid #d4d0c8}.back{background:none;border:0;color:#7060a8;font-size:24px;padding:0 6px 0 0}.tiny-avatar{width:34px;height:34px;border-radius:11px;background:#b7a9db;display:grid;place-items:center;color:#393144;font-size:22px;transform:rotate(-5deg)}.contact-name{font-size:13px;font-weight:600;letter-spacing:-.02em}.contact-sub{font-size:10px;color:#9c958f;margin-top:3px}.thread-menu{margin-left:auto;border:0;background:none;font-size:21px;color:#9b909d}.thread-body{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding:16px 14px 10px;scroll-behavior:smooth}.thread-body .day{font-size:9px;color:#99918d;text-align:center;margin-bottom:17px}.system-event{font-size:10px;color:#8c8394;text-align:center;line-height:1.5;margin:12px 8px}.bubble{max-width:89%;font-size:13px;line-height:1.45;padding:12px 13px 18px;border-radius:15px 15px 15px 3px;background:#f8f6ef;margin:10px 0;position:relative;animation:arrive .25s ease-out;box-shadow:0 1px 0 #00000005}.bubble.mine{margin-left:auto;background:#d5c9ed;border-radius:15px 15px 3px 15px;max-width:85%}.bubble small{font-size:8px;color:#a39ba2;position:absolute;right:9px;bottom:4px}.bubble b{font-weight:600}.attachment{background:#dbd9ce;border:1px solid #c7c6bc;border-radius:11px;padding:13px;margin:10px 0 0;max-width:89%;animation:arrive .25s ease-out}.attachment-top{display:flex;align-items:center;gap:10px}.file-icon{font-size:25px;color:#7b6397}.attachment strong{font-size:12px}.attachment p{font-size:11px;line-height:1.5;margin:10px 0 0;color:#6b6266}.attachment-button{margin-top:11px;width:100%;border:0;background:#b9accc;color:#362945;border-radius:6px;padding:8px;font-size:11px}.voice{display:flex;align-items:center;gap:9px}.voice button{width:29px;height:29px;border:0;border-radius:50%;background:#a08bb7;color:white;flex-shrink:0;font-size:12px}.wave{display:flex;align-items:center;gap:2px;height:23px;flex:1}.wave i{display:block;width:2px;background:#9d8bad;border-radius:2px}.voice span{font-size:9px;color:#998b9f}.transcript{font-size:12px;color:#6e6270;margin-top:10px;line-height:1.5}.reply-area{flex-shrink:0;background:#efede5;border-top:1px solid #d6d1c9;padding:12px 12px 29px}.reply-label{font:8px monospace;color:#9c919a;margin:0 3px 9px;letter-spacing:.04em}.reply-choice{display:block;width:100%;border:1px solid #b6a7c6;border-radius:10px;background:#e9e0f3;color:#4b3b5c;font-size:12px;line-height:1.35;text-align:left;padding:11px 12px;margin-top:7px;transition:.15s}.reply-choice:hover{background:#d9c5ef;transform:translateX(2px)}.reply-choice:first-of-type{background:#392f48;color:#f5eefc;border-color:#392f48}.reply-choice small{display:block;font-size:10px;opacity:.7;margin-top:3px}.typing{display:inline-flex;gap:4px;padding:12px 15px;background:#faf7f0;border-radius:14px;margin-top:8px}.typing i{width:5px;height:5px;background:#ad9ab8;border-radius:50%;animation:typing 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.thread-screen~.home-indicator{background:#84739480}.statusbar.dark{color:#36313b}.queue{height:100%;padding:90px 24px 40px;background:linear-gradient(165deg,#484051,#201e27);display:flex;flex-direction:column}.queue h2{font-size:29px;line-height:1.1;letter-spacing:-.04em;margin:0 0 10px;font-weight:400}.queue>p{font-size:12px;line-height:1.5;color:#baafc5}.notification{background:#d1c9dbdd;color:#342c3d;padding:15px;border-radius:17px;margin-top:12px;text-align:left;border:1px solid #e3daed66;width:100%;animation:arrive .3s ease-out}.notification small{font-size:9px;color:#71647b;display:block;margin-bottom:7px}.notification strong{font-size:13px}.notification p{font-size:12px;margin:6px 0 0;line-height:1.4}.queue .reply-choice{margin-top:auto;padding:14px;text-align:center}.result{height:100%;background:#d9ff8b;color:#2e3824;padding:80px 25px 38px;display:flex;flex-direction:column;overflow:auto}.result .eyebrow{font-size:9px;letter-spacing:.08em;line-height:1.5;color:#68804a}.result h2{font-size:36px;letter-spacing:-.055em;line-height:1.05;font-weight:400;margin:20px 0 17px}.result p{font-size:13px;line-height:1.5;margin:0 0 14px}.result-art{height:130px;flex-shrink:0;margin:10px 0 16px;position:relative;display:flex;align-items:center;justify-content:center}.result-art img{height:125px;image-rendering:pixelated;position:relative;z-index:1;animation:float 4s ease-in-out infinite}.result-art:before{content:'';position:absolute;width:125px;height:125px;background:#9abd5e;border-radius:50%;opacity:.35}.result-quote{border-top:1px solid #9dc25b;border-bottom:1px solid #9dc25b;padding:13px 0;margin:0 0 17px;font-size:15px;line-height:1.4}.result-quote small{font-size:8px;display:block;color:#68804a;margin-top:7px}.result .result-btn{width:100%;background:#2c3723;color:#f3ffdf;border:0;border-radius:12px;padding:13px 14px;text-decoration:none;display:block;text-align:center;font-size:12px;margin-top:7px}.result .result-btn.secondary{background:transparent;color:#465933;border:1px solid #9dbd69}.result .result-note{font-size:9px;line-height:1.5;color:#6d864e;margin-top:auto;padding-top:16px}.result.soft{background:#ddc9ec;color:#4a3656}.result.soft .eyebrow,.result.soft .result-note,.result.soft .result-quote small{color:#92709d}.result.soft .result-quote{border-color:#b697c2}.result.soft .result-btn{background:#4e375c}.result.soft .result-btn.secondary{border-color:#b49ac1;color:#644574}.result.soft .result-art:before{background:#ac82be}.result-wrong{background:#e7ccb5;color:#523b2d}.result-wrong .result-quote{border-color:#c6a183}.result-wrong .eyebrow,.result-wrong .result-note,.result-wrong .result-quote small{color:#9a775e}.result-wrong .result-btn{background:#614433}.result-wrong .result-btn.secondary{border-color:#b38b6e;color:#614433}.result-wrong .result-art:before{background:#bd8e6c}dialog{width:min(510px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:#ede9df;color:#33283d;border:0;border-radius:19px;padding:35px;box-shadow:0 20px 100px #0007}dialog::backdrop{background:#08060ccf;backdrop-filter:blur(8px)}dialog #close-info{position:absolute;right:15px;top:12px;background:none;border:0;color:#77697f;font-size:27px}.eyebrow{font:9px/1.6 monospace;letter-spacing:.06em;color:#8d7f94}dialog h2{font-size:36px;line-height:1.06;font-weight:400;letter-spacing:-.05em;margin:20px 0}dialog p{font-size:13px;line-height:1.65;color:#74677a}.info-links{display:flex;flex-direction:column;gap:15px;font-size:12px;margin-top:25px}.toast{position:absolute;bottom:75px;left:20px;right:20px;background:#332b41;color:#f0e8f5;padding:13px;border-radius:12px;font-size:12px;text-align:center;z-index:9}@keyframes ring{0%{transform:scale(.9);opacity:0}20%{opacity:1}100%{transform:scale(1.45);opacity:0}}@keyframes phonebuzz{0%,80%,100%{transform:rotate(0)}83%,89%{transform:rotate(-8deg)}86%,92%{transform:rotate(8deg)}}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{50%{opacity:.3;transform:translateY(-2px)}}@keyframes float{50%{transform:translateY(-5px) rotate(3deg)}}@media(max-width:1050px){main{gap:4%;padding:0 5% 30px}.phone{height:690px}.phone-shell{max-width:350px}h1{font-size:85px}.issue{font-size:8px}.editorial>p{font-size:17px}.avatar{margin-top:40px}.caller-name{font-size:29px}.editorial-bottom{margin-top:40px}.phone-caption{font-size:7px}.phone-caption button{font-size:8px}.reply-choice{padding:10px;font-size:11px}.thread-body{padding-top:12px}.bubble{font-size:12px}.result h2{font-size:33px}.result p{font-size:12px}.result-art{height:110px}.result-art img{height:105px}.result .result-note{font-size:8px}}@media(max-width:720px){body{background:#2f2939}.masthead,.editorial,footer,.phone-caption{display:none}main{display:block;margin:0;padding:0;max-width:none}.phone-shell{width:100%;max-width:none}.phone-shell:before{display:none}.phone{height:100dvh;min-height:580px;border:0;outline:0;border-radius:0;width:100%;box-shadow:none}.statusbar{padding:env(safe-area-inset-top,4px) 27px 0;height:54px}.island{display:none}.call-screen{padding-top:max(90px,12dvh);padding-bottom:max(55px,7dvh)}.caller-name{font-size:36px}.avatar{margin-top:8dvh;width:120px;height:120px;font-size:82px}.call-hint{margin-top:40px;font-size:13px}.round-button{width:70px;height:70px}.call-action{font-size:12px;gap:13px}.call-actions{padding-bottom:18px}.thread-screen{padding-top:52px}.thread-body{padding:17px 16px 12px}.thread-screen .thread-header{padding:13px 17px}.bubble{font-size:14px;padding:12px 14px 19px}.reply-choice{font-size:13px;padding:13px}.reply-area{padding:12px 15px 32px}.reply-label{font-size:9px}.contact-name{font-size:14px}.result{padding:85px 28px 40px}.result h2{font-size:40px}.result p{font-size:14px}.result .result-note{font-size:10px}.result-art{height:145px}.result-art img{height:140px}.result .result-btn{padding:15px;font-size:13px}.queue{padding-top:100px}.notification{padding:18px}.queue h2{font-size:35px}.queue .reply-choice{margin-bottom:15px}.home-indicator{bottom:12px}.mini-label{bottom:24px}.result .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}