@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.marks-room{max-width:1240px;margin:0 auto;padding:80px 28px;color:#e4d6d6}.marks-room h1{font-size:clamp(38px,7vw,92px);letter-spacing:-.06em;margin:20px 0 40px}.marks-room h1 span{color:#ff303c}.mark-kicker{font-family:monospace;letter-spacing:.15em;font-size:12px;color:#ff5059;display:flex;gap:12px;align-items:center}.mark-transmit{display:grid;grid-template-columns:1fr 1fr;gap:40px}.mark-transmit>div,.mark-login,.mark-scan{border:1px solid #493034;padding:24px;background:#100c0d}.mark-login{max-width:440px}.marks-room label{display:block;margin:20px 0 8px;font-size:14px}.marks-room input:not([type=checkbox]):not([type=range]):not([type=file]),.marks-room textarea{display:block;width:100%;background:#090909;color:#efdfdf;border:1px solid #614044;padding:14px;font:inherit;box-sizing:border-box}.marks-room textarea{min-height:120px;resize:vertical}.marks-room button,.mark-scan button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:14px 18px;border:1px solid #654247;background:transparent;color:#efdfdf;font:inherit;cursor:pointer;min-height:44px}.marks-room button:disabled,.mark-scan button:disabled{opacity:.4;cursor:not-allowed}.marks-room button:hover:not(:disabled),.mark-scan button:hover:not(:disabled){border-color:#ff303c}.marks-room button:focus-visible,.mark-scan button:focus-visible{outline:2px solid #ff616a;outline-offset:4px}.marks-room .mark-primary,.mark-scan .mark-primary{background:#ff303c;color:#080808;border-color:#ff303c;margin-top:20px;font-size:13px;font-weight:700;letter-spacing:.05em}.mark-tabs{display:flex;gap:8px;margin-bottom:28px}.mark-tabs button[aria-pressed=true]{color:#ff5059;border-color:#ff303c;background:#251214}.marks-room p,.mark-scan p{line-height:1.6;color:#bfa9ac}.mark-note{font-size:12px}.mark-decoded{border-left:2px solid #ff303c;padding:12px;background:#231014}.mark-photo{margin:20px 0}.mark-photo canvas{display:block;max-width:100%;max-height:380px;object-fit:contain;margin:18px auto;background:#080808}.mark-photo fieldset{border:1px solid #493034;padding:12px}.mark-photo legend{font-size:12px}.mark-photo label{display:block;font:12px monospace}.mark-photo input[type=range]{display:block;width:100%;accent-color:#ff303c}.mark-photo label span{float:right}.mark-actions{display:flex;flex-wrap:wrap;gap:8px}.marks-room .mark-consent{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.5}.mark-consent input{accent-color:#ff303c;flex-shrink:0;width:18px;height:18px}.mark-scan{margin:16px 0;min-width:0}.mark-scan h2{font-size:clamp(24px,3vw,38px);letter-spacing:-.04em}.mark-reveal{margin-top:24px;padding:24px;border:1px solid #ff303c;background:#251012}.mark-reveal span{font:12px monospace;color:#ff727a}.mark-reveal h3{font-size:clamp(23px,3vw,40px);overflow-wrap:anywhere;margin:16px 0;color:#f7dedf}.mark-scan [role=status],.marks-room>p[role=status]{font:13px/1.6 monospace;color:#ff8e95;overflow-wrap:anywhere}.footer-mark-link{color:inherit;text-decoration:none}.footer-mark-link:focus-visible{outline:1px solid #ff303c}.scan-actions{flex-wrap:wrap}@media(max-width:700px){.marks-room{padding:38px 18px}.mark-transmit{grid-template-columns:1fr;gap:20px}.mark-transmit>div,.mark-login,.mark-scan{padding:18px}.mark-actions button{flex:1}.mark-tabs button{padding:12px;font-size:12px}}.make-mark-wrap{padding:24px;border-bottom:1px solid #493034}.make-mark-wrap .marks-room{padding:24px;margin:0;max-width:none}.make-mark-wrap h2{font-size:clamp(24px,4vw,42px);letter-spacing:-.04em}.mark-artwork{display:block;width:100%;height:auto;margin:20px 0;border:1px solid #493034}.mark-download,.mark-close{display:inline-flex;gap:10px;align-items:center;padding:14px;border:1px solid #654247;color:#efdfdf;background:#160d0f;text-decoration:none;font:13px monospace;min-height:44px}.mark-close{margin-bottom:8px;cursor:pointer}.make-mark-public textarea{font-size:16px;line-height:2.4}.make-mark-public [role=status]{color:#ff8e95}@media(max-width:700px){.make-mark-wrap{padding:8px}.make-mark-wrap .marks-room{padding:16px}}.marks-room textarea,.make-mark-public textarea{font-family:DM Sans,Arial,sans-serif!important;font-weight:400;letter-spacing:normal}.make-mark-inline{padding:14px 0;border-bottom:1px solid var(--edge);margin-bottom:20px}.make-mark-inline .mark-register-btn{display:inline-flex;gap:12px;align-items:center;padding:14px 20px;min-height:44px;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);font:13px var(--mono);font-weight:700;letter-spacing:.05em;cursor:pointer}.make-mark-inline .mark-register-btn:hover:not(:disabled){background:#ff686c;border-color:#ff686c}.make-mark-inline .mark-register-btn:disabled{opacity:.4;cursor:not-allowed}.make-mark-inline .mark-register-note{font:12px/1.6 var(--mono);color:var(--soft-2);margin:12px 0}.make-mark-inline [role=status]{font:12px/1.6 var(--mono);color:var(--accent-soft);overflow-wrap:anywhere}.make-mark-inline .mark-download{display:inline-flex;gap:8px;align-items:center;min-height:44px;font:12px var(--mono)}.mark-scan.mark-scan-compact{margin:12px 0;padding:12px;border-color:var(--edge);background:transparent}.mark-scan-compact h2{margin:0;font:13px/1.4 var(--mono);letter-spacing:.05em;color:var(--accent)}.mark-scan-compact .mark-scan-hint{margin:6px 0 10px;font:11px/1.5 var(--mono)}.mark-scan-compact .mark-photo{margin:0}.mark-scan-compact .mark-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mark-scan-compact .mark-actions button{min-width:0;padding:8px 5px;gap:6px;font:11px var(--mono)}.mark-scan-compact button svg{flex-shrink:0}.mark-scan-compact .mark-photo canvas{max-height:110px;margin:10px auto}.mark-photo canvas[hidden]{display:none}.mark-received{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;border:1px solid var(--edge,#493034);padding-left:10px;color:var(--accent,#ff303c);font:11px var(--mono,monospace)}.mark-received [role=status]{margin:0;color:inherit;font:inherit}.mark-received button{min-width:44px;min-height:44px;padding:8px;border:0;color:inherit}.mark-scan-compact .mark-primary{width:100%;min-height:44px;padding:9px 12px;margin-top:8px;font-size:11px}.mark-loading{height:4px;margin:20px 0;background:var(--edge,#493034);overflow:hidden}.mark-loading span{display:block;width:35%;height:100%;background:var(--accent,#ff303c);animation:mark-loading 1.6s ease-in-out infinite}@keyframes mark-loading{0%{transform:translate(-100%)}to{transform:translate(386%)}}@media(prefers-reduced-motion:reduce){.mark-loading span{animation:none;width:100%;opacity:.65}}.mark-scan-compact .mark-note{margin:8px 0 0;font:10px/1.5 var(--mono);color:var(--muted)}.mark-scan-compact [role=status]{margin-top:8px;font:10px/1.5 var(--mono)}.mark-scan-compact [role=status]:empty{display:none}.make-mark-inline .mark-consent input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:18px;height:18px;margin:0;border:1px solid var(--accent);border-radius:0;background:var(--bg,#090909);color:var(--accent);cursor:pointer}.make-mark-inline .mark-consent input[type=checkbox]:after{content:"";width:10px;height:10px;background:currentColor;transform:scale(0);clip-path:polygon(12% 42%,38% 68%,88% 12%,100% 24%,39% 94%,0 55%)}.make-mark-inline .mark-consent input:checked:after{transform:scale(1)}.make-mark-inline .mark-consent input:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px}.make-mark-inline .mark-consent input:disabled:not(:checked){border-color:var(--edge);cursor:not-allowed}.make-mark-inline .mark-consent input:disabled:not(:checked)+span{color:var(--muted)}@media(forced-colors:active){.make-mark-inline .mark-consent input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}:root{font-family:DM Sans,Arial,sans-serif;color:#ededeb;background:#090909;font-synthesis:none;--red: #ff343b;--muted: #84817f;--line: #2a2525;--mono: "IBM Plex Mono", monospace;--accent: #ff343b;--accent-soft: #ffb0b3;--accent-deep: #7a2327;--accent-panel: #1c1111;--lit: #ff8a8f;--ink: #ededeb;--soft: #84817f;--soft-2: #a38c8c;--log: #a1615f;--raw: #afa09e;--edge: #3a3030;--hairline: #2a2525;--field: #171313;--panel: #111010;--stage: #080505;--on-accent: #090909;--text-essential: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:hover,a:hover{color:var(--red)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--red);outline-offset:2px}::selection{background:var(--red);color:#080808}.header{height:100px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:700;letter-spacing:1px}.brand small{display:block;font:8px var(--mono);letter-spacing:1.5px;color:var(--muted);margin-top:6px}.brand b{font:9px var(--mono);border:1px solid #663132;color:var(--red);padding:4px;margin-left:6px}.brand-mark{font-size:22px;line-height:28px;letter-spacing:-7px;border:2px solid var(--red);color:var(--red);width:38px;height:38px;padding:3px;transform:rotate(-4deg)}.brand-mark span{position:relative;top:4px}.header nav{display:flex;gap:30px;font:11px var(--mono)}.header nav button{padding:0;font:inherit}.header nav .nav-index{color:#676060;margin-right:7px}.matrix-nav-link{display:inline-flex;align-items:center;line-height:1.5;white-space:nowrap}.nav-scramble,.nav-scramble-glyphs{display:inline-flex;align-items:center;height:1.5em}.nav-character{display:inline-flex;justify-content:center;align-items:center;flex:0 0 1ch;width:1ch;height:1.5em;white-space:pre}.nav-character>span{display:inline-block;flex-shrink:0}.nav-character.is-cipher>span{color:#ff7176;text-shadow:0 0 8px #ff343b80;transform:scaleX(.65)}.saved-nav{font:11px var(--mono);display:flex;align-items:center;gap:10px}.saved-nav span{background:#211819;color:var(--red);padding:4px 6px}.hero{max-width:1280px;margin:auto;padding:78px 40px 66px;position:relative;overflow:hidden}.eyebrow{font:10px var(--mono);letter-spacing:1.4px;color:var(--muted);display:flex;gap:10px;align-items:center}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 9px #ff343b50}.hero h1{font-size:clamp(70px,8.8vw,126px);line-height:.94;letter-spacing:-7px;font-weight:600;margin:32px 0;position:relative;z-index:1}.hero h1 span{color:var(--red)}.hero h1 sup{font-size:56px;display:inline-block;vertical-align:top;margin:4px 0 0 18px;color:var(--red);font-weight:400}.hero-bottom{display:flex;align-items:end;gap:65px}.hero p{font-size:13px;color:#99928f;line-height:1.7;margin:0}.hero-link{font:10px var(--mono);border-bottom:1px solid #655654;padding:0 0 9px;display:flex;align-items:center;gap:24px}.hero-index{position:absolute;right:40px;top:95px;font:12px var(--mono);color:var(--red);text-align:right}.hero-index span{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:10px}.hero-decoration{position:absolute;right:80px;top:138px;font-size:255px;line-height:1;color:#1d1011;transform:rotate(15deg);pointer-events:none}.section-shell{max-width:1200px;margin:0 auto}.studio{border:1px solid #443031}.section-bar{height:46px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #443031;font:9px var(--mono);letter-spacing:1.2px}.section-bar>span:first-child{display:flex;align-items:center;gap:10px}.section-bar i{width:7px;height:7px;background:var(--red)}.online{color:var(--red);font-size:8px}.studio-layout{display:grid;grid-template-columns:290px 1fr}.controls{padding:27px 25px;background:#111010;border-right:1px solid var(--line)}.control-heading{font:9px var(--mono);letter-spacing:1px;color:#9b7777;display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.controls>label{font-size:12px;display:block;margin-bottom:12px}.input-wrap{border:1px solid #393030;background:#161212;position:relative}.input-wrap textarea{width:100%;height:99px;background:none;border:0;color:#eee;padding:12px;resize:vertical;font:12px/1.6 var(--mono)}.input-wrap>span{display:block;text-align:right;color:#776b6b;font:8px var(--mono);padding:0 9px 8px}.preset-row{display:flex;align-items:center;gap:8px;font:8px var(--mono);color:#777;margin-top:12px}.preset-row button{font-size:8px;border:1px solid #302929;padding:4px 6px;color:#ae9696}.second{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.controls select{background:#171313;color:#eee;width:100%;border:1px solid #3a3030;padding:11px 9px;font:11px var(--mono);border-radius:0}.random-button{width:100%;display:flex;align-items:center;gap:8px;font:10px var(--mono);margin:13px 0 28px;color:#aba1a1}.random-button span{margin-left:auto}.slider-label{display:flex;justify-content:space-between;font-size:10px;margin:18px 0 10px}.slider-label span{font:9px var(--mono);color:#847675}input[type=range]{width:100%;height:2px;display:block;accent-color:var(--red);cursor:pointer}.control-hint{font:11px/1.6 var(--mono);color:#8a7a79;margin:6px 0 12px}.control-note{font:9px/1.9 var(--mono);color:#736868;margin:29px 0 0}.control-note span{color:var(--red);margin-right:4px}.canvas-area{min-width:0;display:flex;flex-direction:column}.canvas-top{height:48px;padding:0 22px;border-bottom:1px solid #201919;display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#a38c8c}.canvas-top>span{display:flex;gap:8px;align-items:center}.canvas-top>div{display:flex;gap:13px}.canvas-top button{padding:5px;display:flex}.canvas{position:relative;flex:1;min-height:390px;isolation:isolate;overflow:hidden;background:#080505}.rain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2;opacity:.65}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at center,#070404a0 10%,transparent 85%),linear-gradient(#ff343b05 1px,transparent 1px),linear-gradient(90deg,#ff343b05 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.canvas-coordinate,.canvas-bottom{position:absolute;font:7px var(--mono);letter-spacing:1px;color:#694747;left:22px;top:22px}.canvas-bottom{top:auto;bottom:22px}.canvas-cross{position:absolute;right:22px;font:17px var(--mono);color:#7b3638}.canvas-cross.top{top:16px}.canvas-cross.bottom{bottom:15px}.preview-center{height:100%;min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:70px 32px}.preview-label{font:7px var(--mono);letter-spacing:2.5px;color:#b05e60;margin-bottom:30px}.output{line-height:1.4;letter-spacing:-2px;color:#ff3b43;text-shadow:0 0 30px #ff22223d;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.preview-rule{display:flex;align-items:center;gap:12px;font:7px var(--mono);letter-spacing:1px;color:#b76b6b;margin-top:30px}.preview-rule i{display:block;width:35px;height:1px;background:#623132}.canvas-actions{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:17px 20px;gap:15px}.canvas-actions>span{font:10px var(--mono)}.canvas-actions small{color:#776969;font-size:9px}.canvas-actions>div{display:flex;align-items:center;gap:13px}.red,.active{color:var(--red)}.primary-button{background:var(--red);color:#090909;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;font:11px var(--mono);font-weight:500}.primary-button:hover{background:#ff686c;color:#000}.primary-button>span{margin-left:14px}.icon-button{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;font:11px var(--mono)}.icon-button.active{color:var(--red)}.raw-output{border-top:1px solid var(--line);font:7px var(--mono);letter-spacing:1px;color:#80706f;padding:12px 20px;display:flex;align-items:center;gap:20px}.raw-output input{flex:1;width:0;background:none;border:0;color:#afa09e;font:11px var(--mono);padding:4px}.ticker{margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:19px 0;color:#aa8d8e;font:10px var(--mono);letter-spacing:2px}.ticker>div{display:flex;width:max-content}.ticker span{white-space:nowrap}.ticker b{color:var(--red);margin:0 35px;font-size:17px}.library{padding-top:77px;padding-bottom:70px}.library-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.library h2{font-size:45px;letter-spacing:-1.8px;font-weight:500;margin:16px 0 13px}.library h2 span{color:#a59a99}.library-heading p{font-size:12px;color:#918685;margin:0}.catalog-count{font:60px var(--mono);color:var(--red);letter-spacing:-4px;text-align:right}.catalog-count small{display:block;font:7px var(--mono);letter-spacing:1px;color:#887575;margin-top:9px}.library-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:20px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{font:9px var(--mono);padding:9px 11px;display:flex;gap:6px;align-items:center;border:1px solid transparent;color:#a39392}.tabs .selected{background:#271113;border-color:#663033;color:#ff666b}.library-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;width:440px;max-width:100%;margin-left:auto}.search,.library-preview-input{display:flex;align-items:center;gap:9px;min-width:0;min-height:36px;border:1px solid var(--line);padding:9px 11px;color:#7d6b6b}.search:focus-within,.library-preview-input:focus-within{border-color:var(--red)}.library-preview-input>span{flex-shrink:0;font:8px var(--mono);letter-spacing:1px;color:#b29b9b}.search>svg{flex-shrink:0}.search input,.library-preview-input input{border:0;background:none;color:#eee;width:100%;min-width:0;font:9px var(--mono);outline:none}.search button{padding:0;display:flex}.font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.font-card{border:1px solid #302525;background:#100d0d;min-width:0;transition:border-color .2s,background .2s}.font-card:hover{border-color:#794043;background:#170d0e}.font-card.current{border-color:#a53a40;background:#1b0b0d}.font-meta{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;font:7px var(--mono);letter-spacing:1px;color:#947879}.font-meta button{display:flex;padding:0;color:#a67678}.font-meta button[aria-pressed=true]{color:var(--red)}.font-sample{display:block;text-align:left;width:100%;height:94px;padding:15px 18px;color:#e1c7c7;font-size:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-card.current .font-sample{color:var(--red)}.font-card-bottom{margin:0 17px;padding:14px 0;border-top:1px solid #332324;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:#b29b9b}.font-card-bottom button{padding:0;display:flex}.library-foot{display:flex;justify-content:space-between;margin-top:20px;font:7px var(--mono);letter-spacing:1px;color:#756363}.empty{border:1px dashed var(--line);padding:60px;text-align:center;color:#a99191}.empty h3{font-weight:500}.empty p{font-size:12px}.empty button{font:11px var(--mono);color:var(--red);display:inline-flex;align-items:center;gap:10px;margin-top:10px}.manifesto{background:var(--red);color:#160707;padding:65px max(40px,calc((100vw - 1200px)/2));position:relative;overflow:hidden}.manifesto .eyebrow{color:#722126}.manifesto h2{font-size:55px;line-height:1.1;letter-spacing:-2px;font-weight:600;margin:22px 0}.manifesto h2 span{color:#8c2228}.manifesto p{font-size:13px;line-height:1.7;color:#682124}.manifesto a{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #762024;padding:20px 0 10px;font:10px var(--mono)}.manifesto a:hover{color:#fff}.manifesto-star{position:absolute;right:10%;top:25px;font-size:320px;color:#ce282e;pointer-events:none}footer{padding:45px 4%;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font-size:20px;font-weight:700;letter-spacing:-.6px}.footer-brand span{color:var(--red);font-size:12px;vertical-align:top;margin-left:4px}footer>div{font:7px var(--mono);letter-spacing:1px;color:#958281}footer small{display:block;margin-top:8px;font-size:7px;color:#655554}footer button{font:9px var(--mono);display:flex;align-items:center;gap:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#ff343b;color:#130607;z-index:50;display:flex;gap:12px;align-items:center;padding:16px 24px;font:11px var(--mono);box-shadow:0 10px 50px #000;max-width:90vw;width:max-content}.modal{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;background:#000c;z-index:40;display:grid;place-items:center;padding:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-dialog{position:relative;background:#151010;border:1px solid #6b3437;padding:50px;max-width:550px;max-height:100%;overflow:auto;overscroll-behavior:contain}.about-dialog h2{font-size:46px;line-height:1.1;letter-spacing:-2px}.about-dialog p{font-size:13px;line-height:1.8;color:#b39a9a}.about-dialog .primary-button{margin-top:20px}.studio-help{display:flex;align-items:center;gap:7px;color:var(--red);font:9px var(--mono);min-height:32px}.about-dialog h2{margin:24px 0}.about-dialog h2>span{color:var(--red)}.guide-steps{list-style:none;margin:0;padding:0}.guide-steps li{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:15px 0;border-top:1px solid #3b2729}.guide-number{font:11px var(--mono);color:var(--red);padding-top:4px}.guide-steps h3{font-size:17px;margin:0 0 6px;font-weight:500}.guide-steps p{margin:0;font-size:12px;line-height:1.6}.about-dialog .guide-note{font:10px/1.7 var(--mono);border-top:1px solid #3b2729;padding-top:16px}.about-dialog .primary-button{width:100%;min-height:44px;justify-content:space-between}.about-dialog .modal-close{min-width:44px;min-height:44px;align-items:center;justify-content:center}.modal-close{position:absolute;right:15px;top:15px;z-index:3;display:flex;padding:7px;background:#1f1111}.expanded-canvas{position:relative;width:95vw;height:85vh;isolation:isolate;background:#080505;overflow:hidden;border:1px solid #6b3437}.expanded-canvas .preview-center{height:100%}@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:80px}.hero h1{font-size:134px}}@media(max-width:1280px){.section-shell{margin-left:40px;margin-right:40px}.header nav{gap:18px}.header{padding:0 30px}.library-toolbar{align-items:start}.tabs button{padding:9px 8px}}@media(max-width:900px){.header nav{display:none}.hero h1{font-size:95px}.hero-decoration{right:0;opacity:.7}.hero-index{top:65px}.studio-layout{grid-template-columns:245px 1fr}.controls{padding:25px 18px}.canvas-actions{flex-wrap:wrap}.canvas-actions small{display:none}.preview-center{padding:65px 22px}.preview-label{font-size:6px;letter-spacing:1px}.font-grid{grid-template-columns:repeat(2,1fr)}.library-toolbar{flex-direction:column}.library-fields{width:100%;margin-left:0}.search,.search input{width:100%}.manifesto-star{right:-80px}.hero-bottom{gap:25px}.hero-link{font-size:9px}.library h2{font-size:37px}.catalog-count{font-size:48px}footer>div{max-width:220px;line-height:1.5}}@media(max-width:600px){.header{height:77px;padding:0 20px}.brand{font-size:12px;gap:9px}.brand small{font-size:6px}.brand b{display:none}.brand-mark{width:32px;height:32px;font-size:19px;line-height:24px}.saved-nav{font-size:9px;gap:6px}.hero{padding:53px 22px 42px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:74px;letter-spacing:-4.5px;margin:28px 0}.hero h1 sup{font-size:34px;margin-left:8px}.hero-index{display:none}.hero-decoration{font-size:180px;top:130px;right:-50px}.hero-bottom{align-items:start;flex-direction:column;gap:22px}.hero p{font-size:12px}.hero-link{font-size:9px}.section-shell{margin-left:16px;margin-right:16px}.section-bar{padding:0 14px;font-size:7px;letter-spacing:.5px}.online{font-size:6px}.studio-layout{display:flex;flex-direction:column}.controls{border-right:0;border-bottom:1px solid var(--line);padding:20px}.control-heading{margin-bottom:13px}.input-wrap textarea{height:73px}.second{margin-top:20px;padding-top:17px}.random-button{margin-bottom:20px}.control-note{margin-top:20px}.canvas,.preview-center{min-height:300px}.canvas-actions{padding:16px 14px;gap:15px}.canvas-actions>div{gap:9px}.canvas-actions>span{font-size:9px}.primary-button{padding:11px;font-size:10px}.primary-button>span{margin-left:5px}.raw-output{padding:12px 14px;gap:10px;font-size:6px}.raw-output input{font-size:10px}.ticker{margin-top:40px;padding:15px 0;font-size:8px}.library{padding-top:45px;padding-bottom:40px}.library-heading{align-items:start;gap:12px}.library .eyebrow{font-size:7px}.library h2{font-size:31px;letter-spacing:-1.2px}.library-heading p{font-size:11px;line-height:1.6;max-width:220px}.catalog-count{font-size:38px;letter-spacing:-2px}.catalog-count small{font-size:5px;max-width:65px;line-height:1.7}.tabs{gap:3px}.tabs button{font-size:8px;padding:8px}.library-fields{grid-template-columns:minmax(0,1fr)}.search,.library-preview-input{min-height:44px}.search input,.library-preview-input input{font-size:16px}.font-grid{gap:10px}.font-meta{padding:12px 10px;font-size:6px;letter-spacing:.2px}.font-sample{height:77px;font-size:21px;padding:10px}.font-card-bottom{margin:0 10px;font-size:8px;gap:5px}.font-card-bottom>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-foot{font-size:5px;gap:15px}.manifesto{padding:40px 23px}.manifesto .eyebrow{font-size:8px}.manifesto h2{font-size:37px;letter-spacing:-1.3px;position:relative;z-index:1}.manifesto p{font-size:11px;position:relative;z-index:1}.manifesto-star{font-size:240px;top:80px;right:-100px}.manifesto a{position:relative;z-index:1;font-size:9px}footer{padding:32px 22px;flex-wrap:wrap;gap:25px}.footer-brand{font-size:17px}footer>div{order:3;max-width:none;width:100%;font-size:6px}footer button{font-size:8px}.toast{font-size:10px;padding:14px 17px}.modal{padding:15px}.about-dialog{padding:40px 25px}.about-dialog h2{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.signal{border-top:1px solid var(--line);min-height:calc(100vh - 80px)}.signal-bar-note{color:#9b7777}.signal-layout{display:grid;grid-template-columns:290px 1fr}.signal-mode{display:grid;grid-template-columns:1fr 1fr;border:1px solid #3a3030;margin-bottom:26px}.signal-mode button{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;font:10px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#a39392;background:#171313}.signal-mode button+button{border-left:1px solid #3a3030}.signal-mode button.selected{background:var(--red);color:#090909}.signal-hint{font-size:7px;color:#7a5c5c}.signal-channels{display:grid;gap:8px;margin-bottom:26px}.signal-channel{display:grid;gap:6px;text-align:left;padding:10px 12px;border:1px solid #3a3030;background:#171313;color:#ededeb;transition:border-color .2s,background .2s}.signal-channel:hover{border-color:#6e4243}.signal-channel.selected{border-color:var(--red);background:#1c1111;box-shadow:inset 3px 0 0 var(--red)}.signal-channel-head{display:flex;gap:10px;align-items:baseline;font-size:13px}.signal-channel-head b{font:9px var(--mono);color:var(--red)}.signal-channel-sample{font:17px/1.9 DM Sans,Arial,sans-serif;color:#c9494f;white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}.signal-channel small{font:8px var(--mono);letter-spacing:.8px;color:#84817f}.signal-controls textarea,.raw-output input{font-family:DM Sans,Arial,sans-serif}.signal-controls textarea{min-height:150px}.signal-key-label{display:flex!important;align-items:center;gap:7px;margin-top:18px}.signal-key-label small{font:7px var(--mono);letter-spacing:1px;color:#7a5c5c}.signal-key{width:100%;background:#171313;color:#eee;border:1px solid #3a3030;padding:11px 9px;font:12px var(--mono);border-radius:0}.signal-note{margin-top:16px;font:9px/1.7 var(--mono);color:#84817f}.status-dot.rx{background:#4fd1c5;box-shadow:0 0 9px #4fd1c550}.signal-meter{font:8px var(--mono);letter-spacing:1px;color:#a38c8c}.signal-canvas{position:relative;flex:1;min-height:390px;isolation:isolate;overflow:hidden;background:#080505}.signal-canvas .preview-center{padding:60px 32px}.scan-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.scan-actions button{min-height:44px;padding:10px 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--edge);background:var(--panel);color:var(--ink);font:12px var(--mono)}.scan-actions button[aria-pressed=true]{border-color:var(--red);color:var(--red)}.signal-scanner{min-width:0}.signal-scanner p,.signal-scanner small{font:12px/1.7 var(--mono);color:var(--soft-2)}.signal-scanner [role=status]{color:var(--ink)}.signal-scanner input[type=range]{width:100%;min-height:44px;accent-color:var(--red)}.scan-preview{display:block;width:100%;max-height:300px;object-fit:contain;background:var(--stage);margin:12px 0}.signal-output{font:400 clamp(18px,2.4vw,34px) / 2.1 "DM Sans",Arial,sans-serif;color:#ff3b43;text-shadow:0 0 30px #ff22223d;max-width:100%;max-height:420px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;scrollbar-width:thin}.signal-output.is-plain{font:500 clamp(24px,3.4vw,46px) / 1.3 "DM Sans",Arial,sans-serif;letter-spacing:-1px;text-shadow:0 0 40px #ff343b66}.signal-canvas[data-mode=rx] .preview-label{color:#4fd1c5}.signal-scan{position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,#ff343b99,transparent);animation:signal-scan 5s linear infinite;pointer-events:none;z-index:1}@keyframes signal-scan{0%{transform:translateY(0)}to{transform:translateY(600px)}}[data-motion=paused] .signal-scan{animation:none;opacity:0}@media(max-width:900px){.signal-layout{grid-template-columns:245px 1fr}}@media(max-width:600px){.signal-layout{grid-template-columns:minmax(0,1fr)}.signal-controls{border-right:0;border-bottom:1px solid var(--line)}.signal-mode button,.signal-channel{min-height:44px}.signal-canvas .preview-center{padding:36px 16px}.signal-canvas,.signal-canvas .preview-center{min-height:260px}.signal-output{font-size:16px;max-height:240px}.signal-output.is-plain{font-size:22px}.signal-bar-note{display:none}}.app-shell[data-crt]{background:#090909}.app-shell[data-crt] .header{background:#090909eb;border-bottom-color:var(--hairline)}.app-shell[data-crt] .brand-mark{background:var(--accent-deep);box-shadow:0 0 18px #ff343b73}.app-shell[data-crt] .header nav .nav-index{color:var(--accent)}.app-shell[data-crt] .page-progress{background:linear-gradient(90deg,var(--accent),var(--red))}.app-shell[data-crt] .primary-button{background:var(--red);color:var(--on-accent);box-shadow:0 0 22px #ff343b54}.app-shell[data-crt] footer{border-top-color:var(--hairline)}.app-shell[data-crt] .signal{background:radial-gradient(ellipse at 20% 0%,rgba(255,52,59,.07),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(255,52,59,.05),transparent 55%),#090909;border-top-color:var(--hairline);font-family:var(--mono)}.app-shell[data-crt] .signal .section-bar{border-bottom-color:var(--hairline);color:var(--red);text-shadow:0 0 8px rgba(255,52,59,.53)}.signal-bar-tag{font-style:normal;margin-left:12px;padding:2px 6px;border:1px solid var(--accent-deep);color:var(--accent);text-shadow:0 0 8px rgba(255,52,59,.45)}.app-shell[data-crt] .signal .studio-help{color:var(--accent)}.app-shell[data-crt] .signal-controls{background:var(--panel);border-right-color:var(--hairline)}.app-shell[data-crt] .signal .control-heading{color:var(--accent)}.app-shell[data-crt] .signal-mode,.app-shell[data-crt] .signal-channel,.app-shell[data-crt] .signal-key,.app-shell[data-crt] .signal-controls textarea{background:var(--field);border-color:var(--edge);color:var(--ink)}.app-shell[data-crt] .signal-mode button{background:var(--field);color:var(--soft-2);border-left-color:var(--edge)}.app-shell[data-crt] .signal-mode button.selected{background:var(--red);color:var(--on-accent);text-shadow:none;box-shadow:0 0 18px #ff343b66}.app-shell[data-crt] .signal-channel:hover{border-color:var(--accent-deep)}.app-shell[data-crt] .signal-channel.selected{border-color:var(--accent);background:var(--accent-panel);box-shadow:inset 3px 0 0 var(--accent),0 0 24px #ff343b40}.app-shell[data-crt] .signal-channel-head b{color:var(--accent)}.app-shell[data-crt] .signal-channel-sample{color:var(--lit);text-shadow:0 0 1px var(--red),0 0 10px rgba(255,52,59,.33)}.app-shell[data-crt] .signal-channel small,.app-shell[data-crt] .signal-note,.app-shell[data-crt] .signal-hint,.app-shell[data-crt] .signal-key-label small{color:var(--muted)}.app-shell[data-crt] .signal .controls>label{color:var(--ink)}.app-shell[data-crt] .signal .input-wrap>span{color:var(--muted)}.signal-keymeter{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:12px;font:8px var(--mono);letter-spacing:1px;color:var(--accent)}.signal-keymeter i{display:block;height:6px;border:1px solid var(--edge);background:var(--field)}.signal-keymeter b{display:block;height:100%;background:linear-gradient(90deg,var(--accent-deep),var(--red));box-shadow:0 0 10px #ff343b87;transition:width .3s}.app-shell[data-crt] .signal .canvas-top{border-bottom-color:var(--hairline);color:var(--soft-2)}.app-shell[data-crt] .signal .status-dot{background:var(--red);box-shadow:0 0 10px var(--red)}.app-shell[data-crt] .signal .status-dot.rx{background:var(--accent);box-shadow:0 0 10px var(--accent)}.app-shell[data-crt] .signal-canvas{background:var(--stage)}.signal-crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.28) 2px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply}.app-shell[data-crt] .signal-scan{background:linear-gradient(90deg,transparent,rgba(255,52,59,.67),transparent)}.app-shell[data-crt] .signal .canvas-grid{opacity:.6}.app-shell[data-crt] .signal .canvas-coordinate,.app-shell[data-crt] .signal .canvas-bottom,.app-shell[data-crt] .signal .canvas-cross{color:var(--accent)}.app-shell[data-crt] .signal .preview-label{color:var(--accent);text-shadow:0 0 10px rgba(255,52,59,.45)}.app-shell[data-crt] .signal-canvas[data-mode=rx] .preview-label{color:var(--red);text-shadow:0 0 10px rgba(255,52,59,.53)}.signal-cursor{display:block;margin:-18px 0 18px;font:9px var(--mono);letter-spacing:2px;color:var(--red);text-shadow:0 0 8px rgba(255,52,59,.67);animation:signal-blink 1.1s steps(2,start) infinite}@keyframes signal-blink{to{visibility:hidden}}[data-motion=paused] .signal-cursor{animation:none}.app-shell[data-crt] .signal-output{color:var(--lit);text-shadow:0 0 1px var(--red),0 0 14px rgba(255,52,59,.25);animation:signal-flicker 4s infinite}.app-shell[data-crt] .signal-output.is-plain{color:var(--accent-soft);text-shadow:0 0 2px var(--accent),0 0 28px rgba(255,52,59,.4)}@keyframes signal-flicker{0%,92%,to{opacity:1}93%{opacity:.86}95%{opacity:1}97%{opacity:.9}}[data-motion=paused] .signal-output{animation:none}.app-shell[data-crt] .signal .preview-rule{color:var(--muted)}.signal-hex{position:absolute;left:0;right:0;bottom:34px;z-index:1;display:flex;gap:10px;padding:0 22px;font:8px/1.6 var(--mono);letter-spacing:1.5px;color:var(--log);white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.signal-hex>span:first-child{color:var(--accent)}.app-shell[data-crt] .signal .canvas-actions{border-top-color:var(--hairline)}.app-shell[data-crt] .signal .canvas-actions .red{color:var(--accent)}.app-shell[data-crt] .signal .icon-button{color:var(--ink)}.app-shell[data-crt] .signal .raw-output{border-top-color:var(--hairline);color:var(--accent)}.app-shell[data-crt] .signal .raw-output input{color:var(--raw)}.app-shell[data-crt] .signal-meter{color:var(--red);text-shadow:0 0 8px rgba(255,52,59,.4)}.app-shell[data-crt] .about-dialog{background:var(--panel);border:1px solid var(--edge);box-shadow:0 0 60px #ff343b33,inset 0 0 40px #0b2e1033;color:var(--ink)}.app-shell[data-crt] .about-dialog h2>span,.app-shell[data-crt] .guide-number{color:var(--accent)}.app-shell[data-crt] .about-dialog .eyebrow{color:var(--red)}.app-shell[data-crt] .guide-steps li,.app-shell[data-crt] .about-dialog .guide-note{border-top-color:var(--hairline)}@media(max-width:600px){.signal-bar-tag{display:none}.signal-hex{bottom:26px;padding:0 14px}}.mobile-nav{display:none}@media(max-width:900px){html{scroll-padding-bottom:calc(64px + env(safe-area-inset-bottom))}.signal-group>summary{scroll-margin-bottom:64px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:#0b0a0a;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}footer{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.mobile-nav a,.mobile-nav button{min-height:44px;display:flex;align-items:center;justify-content:center;font:9px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:#b9aeae;border-right:1px solid var(--line)}.mobile-nav>:last-child{border-right:0}.mobile-nav a[aria-current=page]{color:var(--red);box-shadow:inset 0 2px 0 var(--red)}.app-shell[data-crt] .mobile-nav{background:var(--panel);border-top-color:var(--hairline)}}.theme-toggle{display:inline-flex;align-items:center;gap:6px;font:8px var(--mono);letter-spacing:1px;color:#b9aeae;padding:6px 8px;border:1px solid var(--line)}.theme-toggle[aria-pressed=true]{color:var(--on-accent);background:var(--red);border-color:var(--red)}@media(max-width:600px){.theme-toggle span{display:none}.theme-toggle{min-width:44px;min-height:44px;justify-content:center}}.app-shell[data-theme=phosphor]{background:var(--stage)}.app-shell[data-theme=phosphor]>.page-progress{background:linear-gradient(90deg,var(--accent),var(--red))}.app-shell[data-theme=phosphor]>header,.app-shell[data-theme=phosphor]>.mobile-nav,.app-shell[data-theme=phosphor]>main,.app-shell[data-theme=phosphor]>footer,.app-shell[data-theme=phosphor]>.modal{filter:hue-rotate(108deg) saturate(1.15)}@media(max-width:600px){.signal-controls{display:contents}.signal-primary,.signal-secondary{padding:16px 16px 18px;background:#111010}.app-shell[data-crt] .signal-primary,.app-shell[data-crt] .signal-secondary{background:var(--panel)}.signal-primary{order:0;border-bottom:1px solid var(--line)}.signal .canvas-area{order:1}.signal-secondary{order:2;border-top:1px solid var(--line)}.signal-primary .control-heading{display:none}.signal-mode{margin-bottom:10px}.signal .canvas-top{height:36px}.signal .canvas-actions{padding:12px 14px}.signal-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px}.signal-channel{padding:8px 6px;gap:2px}.signal-channel-head{flex-direction:column;align-items:center;gap:2px;font-size:12px}.signal-channel-sample,.signal-channel small{display:none}.signal .controls>label,.signal-primary>label{font-size:12px;margin-bottom:8px}.signal-controls textarea,.signal-primary textarea{min-height:76px}.signal-canvas,.signal-canvas .preview-center{min-height:210px}.signal-canvas .preview-center{padding:22px 14px 40px}.signal-cursor{margin:-10px 0 10px}.signal-key-label{margin-top:0}}.signal-inline-label{display:flex;align-items:center;gap:7px;margin:14px 0 6px;font:8px var(--mono);letter-spacing:1px;color:var(--violet, var(--accent))}.signal-inline-label small{font:7px var(--mono);letter-spacing:1px;color:var(--soft)}.signal-key-row{display:flex;gap:6px;align-items:stretch}.signal-key-row .signal-key{flex:1;min-width:0}.signal-key-row .icon-button{border:1px solid var(--edge);padding:0 10px;color:var(--lit)}.signal-drift{margin:8px 0 0;font:9px var(--mono);letter-spacing:1.5px;color:var(--lit);text-shadow:0 0 8px rgba(255,52,59,.4)}.signal-channels[data-drift=true] .signal-channel:not(.selected){opacity:.35}.signal-channel-sample.is-void{color:var(--soft);font-style:italic;text-shadow:none}.signal-timing{display:grid;grid-template-columns:1fr 1fr;gap:8px}.signal-timing label{display:block;min-width:0}.signal-timing .signal-inline-label{margin-top:14px}.signal-timing .signal-key{width:100%;padding:9px 6px;font-size:10px;color-scheme:dark}.signal-meter{display:flex;align-items:center;gap:14px}.signal-fp{padding:2px 7px;border:1px solid var(--accent-deep);color:var(--accent-soft);text-shadow:0 0 8px rgba(255,52,59,.45);letter-spacing:1px}.signal-output.is-revealing{color:var(--accent-soft)}.signal-log{margin:0;padding:10px 20px 12px;border-top:1px solid var(--hairline);font:8px/1.8 var(--mono);letter-spacing:.8px;color:var(--log);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--stage);max-height:140px;overflow:auto}.signal-log:before{content:"SIGNAL LOG";display:block;margin-bottom:4px;color:var(--accent-deep)}.about-dialog.signal-qr img{display:block;width:min(320px,100%);height:auto;margin:8px auto 16px;image-rendering:pixelated;filter:drop-shadow(0 0 12px rgba(255,52,59,.33))}.app-shell[data-crt] .canvas-actions>div{flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){.signal-channels{grid-template-columns:repeat(4,minmax(0,1fr))}.signal-channel-head{font-size:11px}.signal-timing{grid-template-columns:1fr}.signal-log{max-height:110px}.signal-primary>label[for=signal-text]{margin-top:14px}}.lab-drop{display:grid;justify-items:center;gap:6px;padding:22px 14px;border:1px dashed var(--edge);background:var(--field);color:var(--lit);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.lab-drop strong{font:500 12px var(--mono);overflow-wrap:anywhere}.lab-drop small{font:8px var(--mono);letter-spacing:.8px;color:var(--soft)}.lab-drop.is-dragging,.lab-drop:hover{border-color:var(--accent);background:var(--accent-panel)}.lab-drop.has-image{border-style:solid;border-color:var(--red)}.lab-sample{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:9px var(--mono);letter-spacing:1px;color:var(--accent)}.signal-channel.is-soon{opacity:.45;cursor:not-allowed}.lab-effects .signal-channel-head b{font-size:8px}.lab-slider{display:block;margin:10px 0}.lab-slider>span{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:var(--accent);margin-bottom:4px}.lab-slider b{color:var(--lit);font-weight:400}.lab-slider input[type=range]{width:100%;accent-color:var(--red);min-height:24px}.lab-check{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font:9px var(--mono);letter-spacing:.8px;color:var(--ink)}.lab-check input{accent-color:var(--red);width:16px;height:16px}.lab-palettes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px}.lab-palettes button{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--edge);background:var(--field);color:var(--ink);font:9px var(--mono);letter-spacing:1px}.lab-palettes button i{width:10px;height:10px;border-radius:50%;background:var(--swatch);box-shadow:0 0 8px var(--swatch)}.lab-palettes button.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.lab-stage{display:flex;align-items:center;justify-content:center;min-height:420px}.lab-canvas{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;object-fit:contain}.lab-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:1}.status-dot.rec{background:#ff2838;box-shadow:0 0 10px #ff2838;animation:signal-blink 1s steps(2,start) infinite}.primary-button.is-recording{background:#ff2838;color:#fff;box-shadow:0 0 22px #ff283866}@media(max-width:600px){.lab-stage{min-height:240px}.lab-canvas{max-height:60vh}.lab-effects{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-effects .signal-channel small{display:none}.lab-settings .control-heading{display:flex}}.guide-more{display:block;width:100%;margin:18px 0 16px;padding:11px 12px;border:1px solid var(--accent-deep);background:var(--accent-panel);color:var(--accent-soft);font:10px var(--mono);letter-spacing:1px;text-align:left}.guide-more:hover{border-color:var(--accent);color:#fff}.guide-manual{max-height:min(46dvh,520px);overflow-y:auto;padding-right:10px;margin-top:4px;scrollbar-width:thin}.guide-manual h3{margin:20px 0 6px;font:500 12px var(--mono);letter-spacing:1px;color:var(--lit)}.guide-manual h3:first-child{margin-top:0}.guide-manual p,.guide-manual li{margin:0 0 8px;font-size:12px;line-height:1.7;color:#c9c4c2}.guide-manual ul{margin:0 0 10px;padding-left:16px}.guide-manual li::marker{color:var(--accent)}.guide-manual b{color:#ededeb;font-weight:500}.guide-manual em{font-style:italic;color:var(--lit)}.lab-hint{margin:0 0 10px;font:9px/1.6 var(--mono);color:var(--soft)}.signal-methods{display:grid;gap:6px;margin-bottom:18px}.signal-methods .signal-channel small{line-height:1.5}.signal-methods .signal-channel:disabled{opacity:.4;cursor:not-allowed}.signal-switch{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;margin-bottom:10px;border:1px solid var(--edge);background:var(--field);color:var(--ink);font:10px var(--mono);letter-spacing:.8px;text-align:left}.signal-switch i{flex:none;width:26px;height:14px;border:1px solid var(--edge);background:#0c0909;position:relative;transition:border-color .2s}.signal-switch i:after{content:"";position:absolute;top:1px;left:1px;width:10px;height:10px;background:var(--soft);transition:transform .2s,background .2s}.signal-switch[aria-checked=true]{border-color:var(--red);color:#fff}.signal-switch[aria-checked=true] i{border-color:var(--red)}.signal-switch[aria-checked=true] i:after{transform:translate(12px);background:var(--red)}@media(max-width:900px){.modal{padding:16px 16px calc(74px + env(safe-area-inset-bottom))}.about-dialog{padding:28px 20px 24px}.about-dialog h2{margin:16px 0;font-size:30px}.about-dialog .modal-close{top:8px;right:8px}.guide-manual{max-height:none}}.signal-mode button{flex-direction:row;gap:8px;padding:10px 8px;text-align:left}.signal-mode button>span{display:grid;line-height:1.25}.signal-mode button small{font-size:7px;letter-spacing:.6px;opacity:.75;text-transform:none}.signal-warning{display:flex;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid var(--accent-deep);background:var(--accent-panel);font:9px/1.7 var(--mono);color:var(--ink)}.signal-warning svg{flex:none;margin-top:2px;color:var(--red)}.signal-warning b{color:#fff;font-weight:500}.signal-warning-action{display:flex;align-items:center;gap:6px;margin-top:9px;padding:8px 10px;width:100%;border:1px solid var(--red);color:var(--red);font:9px var(--mono);letter-spacing:.8px;text-align:left}.signal-warning-action:disabled{opacity:.45}@media(max-width:600px){.signal-mode button{min-height:52px}.signal-warning-action{min-height:44px}}.signal-mode{grid-template-columns:repeat(3,1fr)}.mode-sub{display:block;font-size:7px;letter-spacing:.4px;opacity:.75;text-transform:none}.once-code{display:grid;gap:6px;margin-top:14px;padding:12px;border:1px solid var(--red);background:var(--accent-panel)}.once-code output{font:15px/1.5 var(--mono);letter-spacing:1px;color:#fff;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.once-code small{font:var(--text-essential) var(--mono);color:var(--soft)}.once-code-actions{display:flex;gap:6px;align-items:stretch;margin-top:4px}.once-code-actions .primary-button{flex:1}.once-code-actions .icon-button{border:1px solid var(--edge);padding:0 10px}.once-reveal{width:100%;min-height:44px;margin-top:10px;justify-content:center}.once-ready{margin:8px 0 0;font:var(--text-essential)/1.6 var(--mono);color:var(--soft)}.once-stage:focus-visible,.once-gone:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.once-canvas{scroll-margin:72px 0}.once-error{margin:10px 0 0;font:var(--text-essential)/1.6 var(--mono);color:var(--red)}.once-stage{display:flex;align-items:center;justify-content:center;min-height:420px;padding:24px}.once-canvas{display:none;max-width:100%;max-height:min(62vh,var(--once-fit, 62vh));width:auto;height:auto;object-fit:contain}.once-canvas[data-visible=true]{display:block}.once-countdown{position:absolute;left:22px;right:22px;bottom:34px;display:flex;align-items:center;gap:12px;z-index:2}.once-countdown b{font:600 22px var(--mono);color:var(--red);min-width:26px;text-align:right}.once-countdown i{display:block;height:3px;background:var(--red);box-shadow:0 0 10px #ff343b99;transition:width 1s linear}.once-empty,.once-gone{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:1}.once-gone h3{margin:0;font-size:26px;font-weight:500}.once-gone p{margin:0;font:var(--text-essential)/1.5 var(--mono);color:var(--soft);max-width:34ch}.spin{animation:once-spin 1.1s linear infinite}@keyframes once-spin{to{transform:rotate(360deg)}}[data-motion=paused] .spin{animation:none}@media(max-width:600px){.signal-mode button{flex-direction:column;gap:4px;padding:9px 4px;font-size:9px;letter-spacing:.6px}.mode-sub{display:none}.signal-secondary.once-recipient{order:1;border-top:0;border-bottom:1px solid var(--line)}.signal .canvas-area.once-preview{order:2}.once-stage{min-height:260px;padding:14px}.once-canvas{max-height:min(46vh,var(--once-fit, 46vh))}.once-countdown{left:14px;right:14px;bottom:26px}.once-code output{font-size:13px}}.font-tray{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:10px 14px;background:#0b0909;border:1px solid #a53a40;box-shadow:0 -10px 30px #0009}.font-tray-preview{display:flex;flex-direction:column;gap:4px;min-width:0}.font-tray-name{font:var(--text-essential) var(--mono);color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-tray-name small{font:inherit;color:var(--muted)}.font-tray-sample{font-size:22px;color:var(--red);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-tray-actions{display:flex;gap:8px;flex-shrink:0}.font-tray-actions .primary-button,.font-tray-edit{min-height:44px;font:var(--text-essential) var(--mono)}.font-tray-edit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--edge);color:var(--ink)}.font-tray-edit:hover{border-color:var(--red);color:var(--red)}.font-card{scroll-margin-bottom:150px}@media(max-width:900px){.font-tray{bottom:calc(45px + env(safe-area-inset-bottom))}.font-card{scroll-margin-bottom:calc(210px + env(safe-area-inset-bottom))}}@media(max-width:600px){.font-tray{flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px}.font-tray-sample{font-size:18px}.font-tray-actions>*{flex:1}}.signal .control-heading,.signal .signal-inline-label,.signal .signal-inline-label small,.signal .signal-channel small,.signal .signal-channel-head b,.signal .signal-switch,.signal .signal-note,.signal .signal-drift,.signal .signal-warning,.signal .signal-warning-action,.signal .signal-keymeter,.signal .lab-drop small,.signal .lab-sample,.signal .lab-slider>span,.signal .lab-check,.signal .lab-palettes button,.signal .lab-hint,.signal .mode-sub,.signal .input-wrap>span,.signal .canvas-top,.signal .signal-meter,.signal .preview-label,.signal .raw-output,.signal .raw-output input,.signal .signal-log,.signal .canvas-actions>span,.signal .canvas-actions small{font-size:var(--text-essential)}.signal .signal-inline-label,.signal .signal-keymeter{letter-spacing:.4px}.signal .signal-note,.signal .signal-warning,.signal .lab-hint{line-height:1.6}.signal .lab-slider>span{letter-spacing:.4px}.signal .signal-inline-label small,.signal .signal-channel small,.signal .lab-drop small{color:var(--soft-2)}.signal .signal-mode{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.signal .signal-mode button{flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;min-height:44px;padding:10px 6px;font-size:var(--text-essential);letter-spacing:.6px;text-align:center}.signal .signal-mode button>span{text-align:center;overflow-wrap:anywhere}.signal .mode-sub{margin-top:2px;letter-spacing:0;opacity:.85}.signal .canvas-top{height:auto;min-height:48px;padding-block:8px;flex-wrap:wrap;gap:4px 14px}.signal .signal-meter{flex-wrap:wrap;gap:4px 12px}.signal .signal-log{max-height:120px}.signal-group{min-width:0;border:1px solid var(--edge);background:var(--field)}.signal-group>summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;list-style:none;cursor:pointer}.signal-group>summary::-webkit-details-marker{display:none}.signal-group>summary:after{content:"+";flex:none;width:16px;text-align:center;font:500 16px var(--mono);color:var(--accent)}.signal-group[open]>summary:after{content:"−"}.signal-group[open]>summary{border-bottom:1px solid var(--edge)}.signal-group>summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}.group-title{display:grid;flex:1;gap:2px;min-width:0}.group-title b{font:500 var(--text-essential) var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--ink)}.group-title small{font:var(--text-essential)/1.4 var(--mono);color:var(--soft-2)}.group-value{max-width:42%;font:var(--text-essential)/1.4 var(--mono);color:var(--lit);text-align:right;overflow-wrap:anywhere}.group-body{padding:12px}.signal-group[data-alert=true]{border-color:var(--red)}.signal-group[data-alert=true] .group-value{color:var(--red)}.signal-group.is-nested{margin-top:14px;background:var(--panel)}.signal-group .signal-channels,.signal-group .signal-methods{margin-bottom:12px}.signal-problem{margin:10px 0 0;padding:8px 10px;border-left:2px solid var(--red);font:var(--text-essential)/1.5 var(--mono);color:var(--ink);background:var(--accent-panel)}.signal-compat{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:8px}.signal-compat li{padding-left:10px;border-left:2px solid var(--accent-deep);font:var(--text-essential)/1.6 var(--mono);color:var(--soft-2)}.signal-compat b{color:var(--ink);font-weight:500}.signal-public{margin-top:14px;padding-top:4px;border-top:1px solid var(--edge)}.signal-idle-note{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin-bottom:12px;padding:10px 12px;border:1px dashed var(--accent-deep);color:var(--ink);font:var(--text-essential)/1.5 var(--mono);text-align:left}.signal-idle-note svg{flex:none;color:var(--red)}.signal-idle-note:hover{border-color:var(--red)}.signal-secondary[data-idle=true] .signal-groups{opacity:.75}.signal-groups{display:grid;gap:12px;align-items:start}.signal-actions{flex-direction:column;align-items:stretch;gap:10px}.signal-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.app-shell[data-crt] .signal .signal-actions>.signal-action-row{justify-content:flex-start}.signal-action-row .icon-button{justify-content:center;border:1px solid var(--edge);font-size:var(--text-essential)}.signal-action-row .icon-button:disabled{opacity:.4}.signal-action-row .primary-button{min-height:44px;font-size:var(--text-essential)}.signal-action-row>:last-child{margin-left:auto}.signal-share-hint{margin:0;padding:12px 20px;border-top:1px solid var(--line);font:var(--text-essential)/1.6 var(--mono);color:var(--soft-2)}.signal-share-hint b{color:var(--ink);font-weight:500}.signal .signal-workspace>*{order:0}.signal .signal-workspace{grid-template-columns:minmax(340px,440px) minmax(0,1fr)}.signal-workspace>.signal-primary{grid-column:1;grid-row:1}.signal-workspace>.canvas-area{grid-column:2;grid-row:1}.signal-workspace>.signal-secondary{grid-column:1 / -1;grid-row:2}.signal-pane{min-width:0;padding:24px;background:var(--panel)}.signal-pane.signal-primary{display:flex;flex-direction:column;border-right:1px solid var(--line)}.signal-pane.signal-secondary{border-top:1px solid var(--line)}.signal-primary>label{display:block;margin:4px 0 8px;font-size:var(--text-essential)}.signal-primary .input-wrap{display:flex;flex:1;flex-direction:column;min-height:190px}.signal-primary .input-wrap textarea{flex:1;height:auto;min-height:150px;font:16px/1.5 DM Sans,Arial,sans-serif}.signal-groups{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.lab .lab-workspace>*{order:0}.lab .lab-workspace{grid-template-columns:minmax(0,1fr) 360px}.lab-workspace>.lab-source{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:24px;align-items:start;border-bottom:1px solid var(--line)}.lab-workspace>.canvas-area{grid-column:1;grid-row:2}.lab-workspace>.lab-inspector{grid-column:2;grid-row:2;border-left:1px solid var(--line)}.lab-pane{min-width:0;padding:20px 24px;background:var(--panel)}.lab-source .control-heading{margin-bottom:12px}.lab-source .lab-effects{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:0}.lab-source .lab-sample{min-height:44px;margin-top:4px}.lab-inspector>*{margin:0 0 12px}.lab-inspector .lab-hint{margin:0 0 8px}.lab-inspector .lab-preset-note{margin:0 0 12px}.lab-inspector .signal-key{min-height:44px}.lab-mini{display:none}.lab-slider input[type=range]{min-height:32px}.lab-palettes button,.lab-check{min-height:44px}@media(max-width:900px){.signal .signal-workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.signal .lab-workspace{grid-template-columns:minmax(0,1fr)}.lab-workspace>.lab-source,.lab-workspace>.canvas-area,.lab-workspace>.lab-inspector{grid-column:1;grid-row:auto}.lab-workspace>.lab-source{grid-template-columns:minmax(0,1fr);gap:16px}.lab-workspace>.lab-inspector{border-left:0;border-top:1px solid var(--line)}.lab-mini{display:block;position:sticky;top:0;z-index:4;width:100%;height:112px;object-fit:contain;background:var(--stage);border:1px solid var(--edge)}.lab-inspector summary,.lab-inspector input,.lab-inspector select,.lab-inspector button{scroll-margin-top:130px}.lab-slider input[type=range],.signal .signal-switch,.signal .signal-warning-action,.signal .signal-key,.signal-idle-note,.signal .lab-sample{min-height:44px}.signal-key-row .icon-button{min-width:44px;justify-content:center}}@media(max-width:600px){.signal .signal-workspace{grid-template-columns:minmax(0,1fr)}.signal-workspace>.signal-primary,.signal-workspace>.canvas-area,.signal-workspace>.signal-secondary{grid-column:1;grid-row:auto}.signal-pane{padding:16px 16px 18px}.signal-pane.signal-primary{border-right:0;border-bottom:1px solid var(--line)}.signal-primary .input-wrap{min-height:0}.signal-primary .input-wrap textarea{min-height:96px}.signal-groups{grid-template-columns:minmax(0,1fr)}.lab-pane{padding:16px}.signal .signal-mode button{min-height:52px;font-size:var(--text-essential)}.signal-workspace .signal-channels{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.signal-workspace .signal-channel{padding:10px;gap:4px}.signal-workspace .signal-channel-head{flex-direction:row;align-items:baseline;gap:8px;font-size:13px}.signal-workspace .signal-channel small{display:block}.signal-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.signal-action-row .primary-button{grid-column:1 / -1}.signal-action-row>:last-child{margin-left:0}.signal-share-hint,.signal .canvas-actions{padding:12px 14px}.group-value{max-width:38%}.lab-source .lab-effects,.lab-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobile-quick-input{display:none}.page-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--red);transform-origin:0 50%;z-index:60;box-shadow:0 0 14px #ff343b80;pointer-events:none}.header-actions{display:flex;align-items:center;gap:25px}.motion-toggle{display:flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:.6px;color:#a08787}.motion-toggle svg{color:var(--red)}.hero{padding-top:80px;padding-bottom:74px;max-width:none;padding-inline:max(40px,calc((100vw - 1200px)/2));isolation:isolate}.hero h1{font-size:clamp(70px,8.1vw,116px);max-width:850px}.hero h1 .word-reel{display:inline-block;min-width:3.2em;letter-spacing:-6px}.hero h1 sup{margin-left:0;font-size:45px}.hero h1 sup svg{width:1em;height:1em;color:#fff}.font-banner{display:flex;overflow:hidden;border-block:1px solid var(--line, #332828)}.font-banner-viewport{min-width:0;flex:1;overflow-x:auto;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.font-banner-viewport::-webkit-scrollbar{display:none}.font-banner-viewport:active{cursor:grabbing}.font-banner-track{display:flex;width:max-content}.banner-arrow{flex:0 0 44px;min-height:44px;display:grid;place-items:center;color:#fff;background:#120d0d;border-inline:1px solid #332828}.banner-arrow:hover{color:var(--red);background:#231214}.font-banner-set{display:flex}.font-banner a{width:210px;height:70px;padding:12px 20px;display:flex;flex-direction:column;justify-content:center;gap:5px;border-right:1px solid #332828;overflow:hidden}.font-banner a>span{font-size:22px;white-space:nowrap}.font-banner small{font:9px var(--mono);color:#a08787}.font-banner a:hover{color:var(--red)}@media(max-width:600px){.font-banner a{height:44px;padding:3px 14px;gap:2px}.font-banner a>span{font-size:17px;line-height:20px}.font-banner small{font-size:7px}}.hero-bottom{position:relative;z-index:2}.hero-signal{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.8;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090909b0,#090909b0 42%,#09090915 85%)}.hero>.eyebrow,.hero-index{position:relative;z-index:1}.decode-text{display:inline-block;position:relative;font-kerning:none}.decode-measure{visibility:hidden}.decode-glyphs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;white-space:pre}.hero-matrix-character{position:relative;display:inline-block}.hero-matrix-character:before{content:attr(data-character);visibility:hidden}.hero-character-value,.hero-matrix-character svg{position:absolute;top:0;right:0;bottom:0;left:0}.hero-matrix-character svg{width:100%;height:100%;fill:currentColor;letter-spacing:0;filter:drop-shadow(0 0 5px #ff343b60)}.hero .hero-index{position:absolute;right:max(40px,calc((100vw - 1200px)/2))}.hero-index{top:82px}.hero h1{pointer-events:auto}.hero-link svg{animation:arrow-drift 2.4s cubic-bezier(.19,1,.22,1) infinite}.hero-link:hover svg{color:var(--red)}.signal-rail{display:flex;align-items:center;padding:11px 22px;gap:20px;border-bottom:1px solid #302224;background:#100b0c;font:7px var(--mono);letter-spacing:1.1px;color:#a9787c}.signal-rail>span{white-space:nowrap}.signal-rail>div{flex:1;min-width:20px;height:20px}.signal-rail svg{width:100%;height:100%;overflow:visible}.rail-base{stroke:#492125;fill:none;stroke-width:1}.rail-pulse{fill:none;stroke:#ff505b;stroke-width:2;stroke-dasharray:35 300;animation:signal-flow 3s cubic-bezier(.19,1,.22,1) infinite;filter:drop-shadow(0 0 3px #ff343b)}.signal-rail>div:nth-of-type(2) .rail-pulse{animation-delay:1.5s}.canvas:after,.expanded-canvas:after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff343b80,transparent);box-shadow:0 -18px 38px #ff343b10;animation:canvas-scan 9s linear infinite;pointer-events:none;opacity:.65}.preview-rule i{transform-origin:0 50%;animation:rule-breathe 3s ease-in-out infinite alternate}.preview-rule i:last-child{transform-origin:100% 50%}.status-dot{animation:status-breathe 3s ease-in-out infinite}.online{display:flex;align-items:center;gap:5px}.ticker-track{animation:ticker-travel 60s linear infinite;will-change:transform}.font-card{position:relative;isolation:isolate;overflow:hidden;will-change:auto}.card-rain-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.7;-webkit-mask-image:linear-gradient(180deg,#0009,#000 30%,#000 70%,#0005);mask-image:linear-gradient(180deg,#0009,#000 30%,#000 70%,#0005)}.card-rain-layer .rain{z-index:0;pointer-events:none;animation:card-rain-arrive .25s ease-out}@keyframes card-rain-arrive{0%{opacity:0}}.font-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(240px circle at var(--pointer-x, 50%) var(--pointer-y, 50%),#ff394225,transparent 75%);opacity:0;transition:opacity .25s;pointer-events:none;z-index:-1}.font-card:hover:before{opacity:1}.font-card:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-50%;background:linear-gradient(90deg,transparent,#ff596508,transparent);transform:skew(-20deg);pointer-events:none;animation:none}.font-card:hover:after{animation:card-sweep 2.75s ease-out}.font-card:nth-child(3n+2){--card-index: 1}.font-card:nth-child(3n+3){--card-index: 2}.font-card-bottom svg,.icon-button svg,.random-button svg,.hero-link svg{transition:transform .35s cubic-bezier(.19,1,.22,1)}.font-card-bottom button:hover svg{transform:translateY(-3px)}.icon-button:active{transform:scale(.88)}.random-button:hover svg{transform:rotate(180deg)}.primary-button{position:relative;overflow:hidden;transition:background .25s,box-shadow .25s,transform .25s}.primary-button:hover{box-shadow:0 0 24px #ff343b40;transform:translateY(-2px)}.primary-button:active{transform:translateY(0) scale(.97)}.primary-button>span{transition:transform .3s}.primary-button:hover>span{transform:translate(3px,-3px)}.manifesto-signal{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.52;pointer-events:none}.manifesto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#ff343bc0,#ff343b90 45%,#ff343b00 85%);z-index:0}.manifesto>h2,.manifesto>p,.manifesto>a,.manifesto>.eyebrow{position:relative;z-index:1}@keyframes signal-flow{0%{stroke-dashoffset:335}to{stroke-dashoffset:0}}@keyframes canvas-scan{0%{top:0;opacity:0}10%{opacity:.6}90%{opacity:.6}to{top:100%;opacity:0}}@keyframes rule-breathe{0%{transform:scaleX(.5);opacity:.3}to{transform:scaleX(1);opacity:1}}@keyframes status-breathe{0%,to{box-shadow:0 0 #ff343b00;opacity:.6}50%{box-shadow:0 0 0 5px #ff343b13;opacity:1}}@keyframes arrow-drift{0%,to{transform:translateY(0)}45%{transform:translateY(4px)}}@keyframes ticker-travel{to{transform:translate(-50%)}}@keyframes card-sweep{0%,34%{transform:translate(0) skew(-20deg)}59%,to{transform:translate(650%) skew(-20deg)}}[data-motion=paused] *,[data-motion=paused] *:before,[data-motion=paused] *:after{animation-play-state:paused!important}@media(min-width:1600px){.hero h1{font-size:116px}}@media(max-width:1100px){.hero h1{font-size:90px}.hero h1 .word-reel{letter-spacing:-5px}.header-actions{gap:16px}}@media(max-width:900px){.hero h1{font-size:88px;position:relative;z-index:1}.hero-index{display:none}.hero-bottom p{max-width:390px}.hero-bottom{gap:20px}}@media(max-width:600px){.header{height:64px}.header-actions{gap:12px}.motion-toggle{padding:5px}.motion-toggle span{display:none}.saved-nav{font-size:0;gap:6px}.saved-nav span{font-size:8px}.hero{padding-top:20px;padding-bottom:20px;padding-inline:22px}.hero h1{font-size:clamp(40px,11vw,60px);line-height:1;letter-spacing:-2.5px;margin:16px 0}.hero h1 .word-reel{letter-spacing:-2.5px;min-width:0}.hero h1 sup{font-size:22px;margin-left:6px}.hero-signal{opacity:.6}.hero-bottom p{display:none}.hero-link{min-height:44px;align-items:center}.studio .section-bar{height:34px}.studio .signal-rail{display:none}.studio .canvas-area{order:-1}.studio .canvas-top{height:44px;padding-inline:14px}.canvas-top button,.canvas-actions .icon-button,.motion-toggle,.saved-nav{min-width:44px;min-height:44px;justify-content:center;align-items:center}.mobile-quick-input{display:flex;flex-direction:column;gap:6px;padding:8px 14px;border-bottom:1px solid var(--line)}.mobile-quick-input>span{font:8px var(--mono);letter-spacing:1px;color:#b29b9b}.mobile-quick-input input{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #443031;background:#100d0d;color:#ededeb;font:16px var(--mono)}.studio .canvas,.studio .preview-center{min-height:124px}.studio .output{--preview-fluid-size: 9vw}.canvas-actions .primary-button,.tabs button,.font-meta button,.font-card-bottom button{min-height:44px;min-width:44px;align-items:center;justify-content:center}.font-grid{grid-template-columns:minmax(0,1fr)}.font-meta{font-size:9px;padding:6px 14px}.font-card-bottom{font-size:11px;padding-block:6px}.font-sample{font-size:28px;padding-inline:16px}.studio .preview-center{padding:35px 16px}.studio .preview-label{margin-bottom:12px;font-size:6px;letter-spacing:1px}.studio .canvas-coordinate,.studio .canvas-bottom{font-size:6px;left:14px}.studio .canvas-coordinate{top:10px}.studio .canvas-bottom{bottom:10px}.studio .controls{border-top:1px solid var(--line)}.controls textarea,.controls select{font-size:16px}.signal-rail{padding:10px 13px;gap:8px;font-size:5px;letter-spacing:.5px}.signal-rail>div{height:12px}.manifesto-signal{opacity:.4}.header{gap:10px}.hero-link svg{height:14px}.library-heading{overflow:hidden}}@media(prefers-reduced-motion:reduce){.page-progress{display:none}.primary-button:hover,.font-card-bottom button:hover svg,.random-button:hover svg{transform:none}.font-card:after,.canvas:after,.expanded-canvas:after{display:none}}.app-shell{--glass-line: rgba(227,203,233,.19);--glass-top: rgba(255,235,242,.48);--glass-fill: radial-gradient(ellipse at 30% 0%, rgba(255,211,229,.09), transparent 70%), linear-gradient(145deg, rgba(70,38,57,.22), rgba(32,18,31,.3) 48%, rgba(15,10,18,.42));--muted: #aaa2a8;--soft: #aaa2a8;--soft-2: #b9a9b4;min-height:100vh;background:radial-gradient(ellipse at 5% 7%,rgba(119,37,64,.21),transparent 45%),radial-gradient(ellipse at 95% 38%,rgba(75,40,99,.15),transparent 48%),#0b090d}.app-shell .header{min-height:84px;height:auto;padding:0 4%;gap:26px;background:linear-gradient(110deg,#130e15f0,#0d0b11c2);border-bottom:1px solid var(--glass-line)}.header .brand{flex-shrink:0}.header .brand small{font-size:8px;letter-spacing:1.4px}.header .brand b{color:#d9aab4;border-color:#ff9eb43d;border-radius:5px;padding:4px 6px}.app-shell .header .primary-navigation{display:flex;flex:1;align-self:stretch;gap:8px;justify-content:center}.header .primary-navigation a{position:relative;display:flex;align-items:center;gap:9px;min-height:64px;padding:0 20px;background:transparent;border:0;color:#b5aab3;font-size:14px;font-weight:500}.header .primary-navigation a>span{font:10px var(--mono);color:#81717d}.header .primary-navigation a:after{position:absolute;content:"";height:2px;bottom:-1px;left:20px;right:20px;background:var(--red);transform:scaleX(0);transition:transform .3s cubic-bezier(.34,1.4,.44,1)}.header .primary-navigation a[aria-current],.header .primary-navigation a:hover{color:#fff6f7}.header .primary-navigation a[aria-current]:after{transform:scaleX(1)}.header .header-actions{gap:9px}.header-actions .about-nav{color:#c2b5be;font-size:12px;min-height:44px;padding:0 8px}.header .motion-toggle,.header .theme-toggle,.header .saved-nav{border-color:var(--glass-line);border-radius:7px;background:#ffffff06;min-height:36px}.header .motion-toggle span,.header .theme-toggle span{letter-spacing:.5px}.header .saved-nav{min-height:36px;padding:7px 10px}.workspace-navigation{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 4%;min-height:76px;background:#100c13ad;border-bottom:1px solid var(--glass-line);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.workspace-label{display:flex;align-items:baseline;gap:18px;flex-shrink:0}.workspace-label b{color:#f4eaf1;font-size:17px;font-weight:500}.workspace-label>span{color:#a295a0;font-size:12px}.workspace-links{display:flex;align-items:center;align-self:stretch;gap:6px}.workspace-links a{display:flex;align-items:center;position:relative;min-height:60px;padding:0 18px;color:#b4a8b1;font-size:13px}.workspace-links a:hover,.workspace-links a[aria-current]{color:#fff0f4}.workspace-links a[aria-current]:after{content:"";position:absolute;height:2px;bottom:0;left:18px;right:18px;background:var(--red)}.app-shell .signal-navigation .signal-mode{display:flex;width:auto;max-width:100%;gap:4px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;align-self:stretch}.app-shell .signal-navigation .signal-mode button{display:flex;align-items:center;gap:10px;position:relative;min-height:76px;background:transparent;border:0;border-radius:0;padding:12px 18px;color:#b4a8b1;box-shadow:none;text-align:left;font:13px DM Sans,Arial,sans-serif}.app-shell .signal-navigation .signal-mode button.selected{background:transparent;color:#fff1f5;box-shadow:none}.app-shell .signal-navigation .signal-mode button.selected:after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:2px;background:var(--red)}.app-shell .signal-navigation .signal-mode .mode-sub{display:block;margin-top:4px;font-size:11px;color:#9f939e;font-weight:400}.app-shell .studio-layout,.app-shell .signal-layout,.app-shell .font-card,.app-shell .font-tray{background:var(--glass-fill);border:1px solid var(--glass-line);border-top-color:var(--glass-top);border-left-color:#f1cfe24d;border-bottom-color:#d3b0db30;border-radius:18px;box-shadow:inset 0 2px 2px #ffefff1a,inset 1px 0 1px #e8d0ff14,inset 0 -1px 1px #ddbcff0f,0 18px 42px #00000038;-webkit-backdrop-filter:blur(4.5px) saturate(125%);backdrop-filter:blur(4.5px) saturate(125%)}.app-shell .studio-layout,.app-shell .signal-layout{overflow:clip}.app-shell .section-shell:not(.font-banner){padding-top:34px;padding-bottom:40px}.app-shell .studio,.app-shell .signal,.app-shell[data-crt] .signal,.app-shell .library{background:transparent;border-top-color:#dabfdd1a}.app-shell .section-bar{margin-bottom:18px;border-bottom:0;text-shadow:none}.app-shell .section-bar>span{color:#c8adb9}.app-shell .signal-bar-tag{border-color:#dea3bc2e;color:#aa8595;text-shadow:none;border-radius:4px}.app-shell .controls,.app-shell .signal-pane,.app-shell .lab-pane{background:#110c156b}.app-shell .canvas-area{background:#08070b9e}.app-shell .signal-pane.signal-primary{border-right-color:var(--glass-line)}.app-shell .signal-pane.signal-secondary{border-top-color:var(--glass-line)}.app-shell .signal-group{border:1px solid rgba(213,180,217,.16);border-top-color:#f0d5eb47;border-radius:11px;background:linear-gradient(145deg,#3f28401f,#150e1d3d);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:clip}.app-shell .signal-group>summary{border-radius:10px}.app-shell .input-wrap,.app-shell .signal-key,.app-shell .library-preview-input,.app-shell .search{border-radius:9px;border-color:#dfbcd838;background:#0d09146b}.app-shell .input-wrap textarea{background:transparent}.app-shell .font-card{border-radius:12px}.app-shell .font-card.current{border-color:#ff6a879e}.app-shell .font-card:hover{border-color:#f4c3de7a}.app-shell .font-tray{border-radius:12px;background:#170e18f0}.app-shell .library-toolbar{gap:18px}.app-shell .tabs{gap:4px}.app-shell .tabs button{border-radius:6px}.app-shell .tabs button.selected{background:#ff537521;color:#ff9aaa;border-color:#ff869d59}.app-shell .primary-button{border-radius:7px;box-shadow:none}.app-shell .lab-drop{border-radius:10px;background:#120c184d}.app-shell .signal-channel{border-radius:9px;background:#130d188c}.app-shell .signal-channel.selected{background:#77233e30;box-shadow:inset 2px 0 0 var(--red)}.app-shell .hero{min-height:0;padding-top:48px;padding-bottom:38px}.app-shell .hero h1{font-size:clamp(46px,5.4vw,80px);line-height:1.04}.app-shell .hero-bottom{margin-top:22px}.app-shell .hero p{font-size:13px;line-height:1.7}.app-shell .hero-index{margin-top:30px}.app-shell .hero-signal{opacity:.55}.app-shell .page-hero{min-height:0}.app-shell .page-hero h1{font-size:clamp(42px,4.6vw,68px)}.app-shell .page-hero .hero-bottom{margin-top:15px}.app-shell .page-hero .hero-index{margin-top:22px}.app-shell .signal-primary .input-wrap{flex:none;min-height:190px}.app-shell .signal-primary .input-wrap textarea{min-height:170px}.app-shell [id^=art-],.app-shell #studio,.app-shell #library{scroll-margin-top:24px}.app-shell footer{border-top-color:var(--glass-line)}.app-shell[data-theme=phosphor]{background:radial-gradient(ellipse at 5% 7%,rgba(31,86,45,.18),transparent 45%),#090c0a}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.app-shell .studio-layout,.app-shell .signal-layout,.app-shell .font-card{background:#19121b}.workspace-navigation{background:#151118}}@media(max-width:1180px){.app-shell .header{gap:16px}.header .primary-navigation a{padding:0 13px}.header .brand b,.header .motion-toggle span,.header .theme-toggle span{display:none}.header .motion-toggle,.header .theme-toggle{min-height:44px;min-width:38px;justify-content:center}}@media(max-width:960px){.app-shell .header .primary-navigation{display:none}.app-shell .header{min-height:76px}.app-shell .mobile-nav{display:flex;justify-content:space-around;background:#110c14f0;border-top:1px solid var(--glass-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-shell .mobile-nav a{flex:1;justify-content:center;min-height:52px;font-size:13px}.app-shell .mobile-nav a[aria-current]{color:#ffe5ec;box-shadow:inset 0 2px var(--red);background:#ff5d7e0f}.app-shell .font-tray{bottom:62px}.workspace-label>span{display:none}.workspace-navigation{min-height:68px}.app-shell .signal-navigation .signal-mode button{min-height:68px;padding:12px}.app-shell .signal-navigation .signal-mode button.selected:after{left:12px;right:12px}}@media(max-width:600px){.app-shell .header{padding:0 16px;min-height:72px;gap:12px}.header .brand{font-size:10px;gap:8px;letter-spacing:.6px}.header .brand small{font-size:6px;letter-spacing:.8px}.header .header-actions{gap:3px}.header .saved-nav{padding:5px 8px;min-height:44px;font-size:0}.header .saved-nav>span{font-size:10px}.header-actions .about-nav{padding:0 4px;font-size:10px}.header .theme-toggle,.header .motion-toggle{min-width:32px;min-height:44px;border:0;background:transparent}.workspace-navigation{padding:0 18px;gap:10px;min-height:62px}.workspace-label b{font-size:15px}.workspace-links{min-width:0;gap:0;overflow-x:auto}.workspace-links a{min-height:62px;padding:0 13px;white-space:nowrap;font-size:12px}.workspace-links a[aria-current]:after{left:13px;right:13px}.signal-navigation{display:block;padding-top:14px}.signal-navigation .workspace-label{margin-bottom:2px}.app-shell .signal-navigation .signal-mode{justify-content:space-between;overflow-x:auto}.app-shell .signal-navigation .signal-mode button{flex:1;white-space:nowrap;min-height:64px;padding:10px 7px;gap:6px;font-size:12px}.app-shell .signal-navigation .signal-mode .mode-sub{font-size:9px}.app-shell .signal-navigation .signal-mode button.selected:after{left:7px;right:7px}.app-shell .section-shell:not(.font-banner){padding:24px 16px 30px}.app-shell .studio-layout,.app-shell .signal-layout{border-radius:13px}.app-shell .hero{padding:34px 20px 27px}.app-shell .hero h1{font-size:clamp(42px,12vw,58px)}.app-shell .hero-bottom{margin-top:18px}.app-shell .hero-index{margin-top:24px}.app-shell .page-hero h1{font-size:42px}.app-shell .page-hero .hero-index{display:none}.app-shell .page-hero .hero-bottom{margin-top:14px}.app-shell .signal-primary .input-wrap{min-height:150px}.app-shell .signal-primary .input-wrap textarea{min-height:140px}.app-shell .font-tray{bottom:calc(62px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.header .primary-navigation a:after{transition:none}}.app-shell[data-motion=paused] .header .primary-navigation a:after{transition:none}.workspace-navigation{position:sticky;top:0;z-index:30}.app-shell #signal,.app-shell #studio,.app-shell #library,.app-shell [id^=art-]{scroll-margin-top:96px}.app-shell .toast{translate:-50% 0;transform:none;pointer-events:none}@media(max-width:960px){.app-shell .toast{bottom:calc(80px + env(safe-area-inset-bottom))}}@media(max-width:380px){.header .brand small{display:none}.header .brand{font-size:9px;letter-spacing:.3px}.header .brand-mark{width:27px;height:30px;font-size:17px}.header .saved-nav{min-width:32px;padding:5px;gap:4px}.header .saved-nav>span{display:none}.header .header-actions{flex-shrink:0;gap:1px}.header-actions .about-nav{font-size:9px;padding:0 3px}}@media(max-width:600px){.app-shell #signal{scroll-margin-top:80px}}@media(max-width:600px){.app-shell .header-actions button{min-width:44px;min-height:44px}}@media(max-width:380px){.app-shell .header{padding-left:10px;padding-right:10px;gap:6px}.app-shell .header-actions{gap:0}.app-shell .header-actions button{padding-left:0;padding-right:0}}.symbols-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin:10px 0;padding:10px 12px;color:#e4cbd9;border:1px solid var(--glass-line);border-radius:8px;background:#49294221;font-size:12px}.symbols-trigger span{color:#a99aa5;font-size:10px}.mobile-editor-tools{display:none}.text-counts{border-top:1px solid var(--glass-line);color:#b5a9b2;font:11px/1.7 var(--mono);background:#0f0a148c}.text-counts>summary{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;cursor:pointer;list-style:none}.text-counts>summary::-webkit-details-marker{display:none}.text-counts summary b{color:#e2ceda;font-weight:500}.text-counts summary i{margin:0 12px;font-style:normal;color:var(--red)}.counts-more{white-space:nowrap;color:#c5a9ba}.counts-more:after{content:" +"}.text-counts[open] .counts-more:after{content:" −"}.text-count-details{padding:0 20px 18px}.text-count-details table{width:100%;border-collapse:collapse;font-size:11px}.text-count-details caption{text-align:left;color:#a99aa5;margin-bottom:10px}.text-count-details th,.text-count-details td{padding:7px 10px 7px 0;border-bottom:1px solid var(--glass-line);text-align:right;font-weight:400}.text-count-details th:first-child{text-align:left}.text-count-details p{max-width:680px;color:#a99aa5;font:11px/1.7 DM Sans,sans-serif}.symbol-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#030206bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.symbol-picker{width:min(760px,100%);max-height:min(800px,90dvh);display:flex;flex-direction:column;padding:26px;background:radial-gradient(ellipse at 30% 0%,rgba(170,108,149,.12),transparent 60%),#17111b;border:1px solid rgba(230,203,224,.28);border-top-color:#ffe9f785;border-radius:18px;box-shadow:inset 0 1px #ffe6f521,0 30px 90px #0008}.symbol-picker header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.symbol-picker header>div>span{color:#b494a7;font:10px var(--mono);letter-spacing:1px}.symbol-picker h2{color:#f6eaf2;font-size:32px;letter-spacing:-1px;margin:8px 0 0}.symbol-picker button{min-width:44px;min-height:44px}.symbol-search{display:flex;align-items:center;gap:10px;min-height:48px;background:#07050a8c;border:1px solid var(--glass-line);border-radius:8px;padding:0 14px}.symbol-search input{color:#f4e8f0;background:transparent;border:0;min-width:0;width:100%;padding:13px 0;font-size:14px}.symbol-search input:focus-visible{outline:none}.symbol-search:focus-within{outline:1px solid var(--red)}.symbol-categories{display:flex;gap:4px;overflow-x:auto;flex-shrink:0;padding-top:12px}.symbol-categories button{border-bottom:2px solid transparent;white-space:nowrap;padding:8px 12px;font-size:12px;color:#b9a8b4}.symbol-categories button[aria-pressed=true]{color:#ffe8f0;border-bottom-color:var(--red)}.symbol-hint{color:#a998a5;font-size:12px;line-height:1.6}.symbol-error{color:#ffc6d1;font-size:12px;line-height:1.6;padding:10px;background:#5e243c55;border-radius:6px}.symbol-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow-y:auto;padding:3px;overscroll-behavior:contain}.symbol-results article{min-width:0;display:flex;gap:12px;align-items:center;padding:8px;border:1px solid rgba(225,197,220,.12);background:#ffffff05;border-radius:8px}.symbol-glyph{width:36px;flex-shrink:0;text-align:center;font:29px/1.2 serif;color:#f3dae8}.symbol-name{flex:1;min-width:0;font-size:12px;color:#dac6d3}.symbol-name small{display:block;color:#9a8694;font:9px var(--mono);margin-top:5px}.symbol-results article>div{display:flex;flex-shrink:0}.symbol-results article button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.symbol-results article button:hover{background:#ff719b1a}.symbol-empty{color:#c4abbc;text-align:center;padding:30px 0}@media(max-width:600px){.mobile-editor-tools{display:block;padding:0 16px}.mobile-editor-tools .symbols-trigger{margin:0 0 10px}.text-counts>summary{padding:12px 14px;flex-wrap:wrap;gap:5px;font-size:10px}.text-counts summary i{margin:0 5px}.text-count-details{padding:0 14px 14px}.symbol-backdrop{padding:10px}.symbol-picker{padding:18px 14px;max-height:92dvh;border-radius:13px}.symbol-picker h2{font-size:27px}.symbol-results{grid-template-columns:minmax(0,1fr)}.symbol-categories button{padding:8px 10px}}.symbol-copy-note{color:#c9aeba;font-size:11px;margin:0 0 12px;min-height:16px}.app-shell[data-theme=phosphor]>.symbol-backdrop{filter:hue-rotate(108deg) saturate(1.15)}@media(max-width:600px){.studio .controls>.symbols-trigger{display:none}}.text-counts>summary:focus-visible,.signal-group>summary:focus-visible{outline:2px solid var(--red);outline-offset:-2px}@media(max-width:600px){.app-shell .font-banner,.app-shell .studio.section-shell{padding-block:0}.app-shell .studio>.section-bar{margin-bottom:0;height:44px}.app-shell .studio>.section-bar .studio-help{min-height:44px}.studio .canvas-top>div{gap:4px}.studio .canvas-top .mobile-editor-tools{display:flex;padding:0}.studio .canvas-top .mobile-editor-tools .symbols-trigger{margin:0;padding:0;min-width:44px;width:44px;min-height:44px;font-size:0;border:0;background:transparent;justify-content:center}.studio .canvas-top .mobile-editor-tools .symbols-trigger span{display:none}.studio .canvas-top .mobile-editor-tools .symbols-trigger:before{content:"✦";font-size:19px}}@media(max-width:600px)and (max-height:700px){.app-shell[data-page=home] .hero{padding:2px 20px}.app-shell[data-page=home] .hero>.eyebrow{font-size:7px;line-height:10px}.app-shell[data-page=home] .hero h1{font-size:22px;line-height:1;margin:2px 0;max-width:calc(100% - 56px)}.app-shell[data-page=home] .hero h1 sup{font-size:14px}.app-shell[data-page=home] .hero .hero-bottom{position:absolute;right:20px;top:18px;margin:0}.app-shell[data-page=home] .hero .hero-link{width:44px;min-width:44px;height:44px;padding:0;gap:0;font-size:0;justify-content:center}}html{scroll-padding-top:24px;scroll-padding-bottom:24px}html:has(.navigation-root,.navigation-trigger:focus){overflow-anchor:none}.app-shell .header{position:sticky;top:0;z-index:40;min-height:80px;padding:0 max(32px,calc((100vw - 1440px)/2));gap:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-identity{display:flex;align-items:center;gap:24px;flex-shrink:0}.navigation-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:88px;min-height:44px;padding:0 13px;border:1px solid var(--glass-line);border-top-color:#f5deef59;border-radius:9px;color:#e7d5e0;background:#4e2f4d21;font-size:12px}.header-location{display:flex;align-items:baseline;gap:14px;flex:1;min-width:0}.header-location b{font-size:14px;color:#f2e4ee;font-weight:500}.header-location>span{font-size:12px;color:#b19dab;text-transform:capitalize}.header .header-actions{flex-shrink:0;gap:8px}.app-shell .header-actions button{min-width:44px;min-height:44px}.app-shell .mobile-nav{display:none}.app-shell .workspace-navigation{top:80px;min-height:64px;max-width:none;padding-inline:max(32px,calc((100vw - 1440px)/2));z-index:30}.app-shell .workspace-links a,.app-shell .signal-navigation .signal-mode button{min-height:64px}.app-shell .section-shell{width:calc(100% - 64px);max-width:1440px}.app-shell .hero{padding-inline:max(32px,calc((100vw - 1440px)/2))}.app-shell #signal,.app-shell #studio,.app-shell #library,.app-shell [id^=art-]{scroll-margin-top:145px}.app-shell .font-tray{bottom:16px}.app-shell .toast{bottom:24px}@media(min-width:961px){.app-shell .hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);column-gap:72px;padding-top:28px;padding-bottom:26px}.app-shell .hero>.eyebrow{grid-column:1/-1;margin-bottom:12px}.app-shell .hero h1{font-size:clamp(50px,4vw,66px);margin:0;line-height:1.04}.app-shell .hero h1 sup{font-size:28px}.app-shell .hero .hero-bottom{align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0}.app-shell .hero p{margin:0;font-size:13px;max-width:420px}.app-shell .hero .hero-index{display:none}.app-shell .hero .hero-link{min-height:44px;padding-bottom:4px}.app-shell .studio-layout{grid-template-columns:300px minmax(0,1fr)}.app-shell .studio .controls{padding:26px 24px}.app-shell .studio .canvas,.app-shell .studio .preview-center{min-height:370px}.app-shell .signal .signal-workspace{grid-template-columns:minmax(320px,390px) minmax(0,1fr)}.app-shell .signal .signal-primary .input-wrap{min-height:180px}.app-shell .signal .signal-primary .input-wrap textarea{min-height:160px}.app-shell .lab .lab-workspace{grid-template-columns:minmax(0,1fr) 340px}.app-shell .page-hero h1 br{display:none}.app-shell .page-hero h1{font-size:clamp(42px,3.4vw,58px)}.app-shell .page-hero{padding-top:26px;padding-bottom:26px}}.navigation-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#05030ab8}.navigation-panel{position:absolute;top:0;bottom:0;left:0;width:min(400px,100vw);display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 0%,#e1c3ff1a,transparent 70%),linear-gradient(145deg,#2d1f36d9,#150e1df0 48%,#0c0912f7);border-right:1px solid #ddbcf747;border-top:1px solid #f6e8ff8c;box-shadow:inset 1px 0 1px #e8d0ff1a,inset 0 2px 2px #ffefff24,20px 0 60px #0007;-webkit-backdrop-filter:blur(4.5px) saturate(125%);backdrop-filter:blur(4.5px) saturate(125%);color:#eaddea;font-family:DM Sans,Arial,sans-serif}.navigation-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;padding:24px 24px 20px;border-bottom:1px solid #ddbcf726}.navigation-heading>div>span{font:9px IBM Plex Mono,monospace;letter-spacing:1.5px;color:#ae94b3}.navigation-heading h2{font-size:24px;font-weight:500;letter-spacing:-.8px;margin:7px 0 0}.navigation-heading>button{width:44px;min-width:44px;height:44px;border:1px solid #ddbcf73b;border-radius:22px;display:grid;place-items:center}.drawer-sections{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 20px}.drawer-section{padding-top:16px}.drawer-section-title{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 10px;border-radius:8px}.drawer-section-title>span{flex:1;font-size:17px;font-weight:500}.drawer-section-title small{display:block;font-size:11px;margin-top:5px;color:#af9bb5;font-weight:400}.drawer-section-title[aria-current]{color:#ffb6cc}.drawer-destinations{margin:4px 0 0 29px;border-left:1px solid #ddbcf72b;padding-left:12px}.drawer-destinations a{display:flex;min-height:44px;align-items:center;justify-content:space-between;padding:8px 12px;gap:18px;border-radius:6px;color:#c7b4cc;font-size:13px}.drawer-destinations a>span{color:#8d738f}.drawer-destinations a[aria-current]{color:#ffdeea;background:#ab4a7624;box-shadow:inset 2px 0 #f88bad}.navigation-panel a:hover,.navigation-panel button:hover{color:#ffe2f3;background-color:#d8a0e512}.navigation-panel :is(a,button):focus-visible{outline:2px solid #ff86ad;outline-offset:-2px}.navigation-footer{padding:12px 24px 20px;border-top:1px solid #ddbcf726;flex-shrink:0}.navigation-footer button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:44px;color:#c9b8cf;font-size:12px}.navigation-footer>span{display:block;margin-top:6px;font:8px IBM Plex Mono,monospace;letter-spacing:1px;color:#8d768f}.navigation-root[data-theme=phosphor] .navigation-panel{filter:hue-rotate(108deg) saturate(1.15)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.navigation-panel{background:#17111f}}@media(max-width:960px){.app-shell .header{min-height:72px;padding-inline:22px;gap:18px}.header-identity{gap:16px}.navigation-trigger{min-width:44px;width:44px;padding:0}.navigation-trigger>span{display:none}.header-location{justify-content:center}.app-shell .workspace-navigation{top:72px;padding-inline:22px}.app-shell .section-shell{width:calc(100% - 44px)}.app-shell .font-tray{bottom:12px}}@media(max-width:600px){.app-shell .header{min-height:64px;height:64px;padding:0 12px;gap:12px;justify-content:space-between}.header-identity{gap:12px;min-width:0}.header .brand{gap:8px;font-size:10px;letter-spacing:.5px}.header .brand small,.header .brand b,.header-location{display:none}.header .brand-mark{width:28px;height:30px;font-size:17px}.header .header-actions{gap:0}.app-shell .header-actions button{min-width:44px;min-height:44px;width:44px;padding:0}.app-shell .workspace-navigation{top:64px;padding-inline:16px}.app-shell .section-shell{width:calc(100% - 32px)}.app-shell .section-shell:not(.font-banner){padding-inline:0}.app-shell #signal,.app-shell #studio,.app-shell #library,.app-shell [id^=art-]{scroll-margin-top:156px}.app-shell .studio.section-shell{margin-top:0}.app-shell .font-tray{bottom:calc(10px + env(safe-area-inset-bottom))}.app-shell .toast{bottom:calc(18px + env(safe-area-inset-bottom))}.navigation-heading{padding:18px 18px 16px}.drawer-sections{padding:4px 14px 16px}.navigation-footer{padding:10px 18px 16px}}@media(max-width:900px){.app-shell>footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.app-shell .signal-group>summary{scroll-margin-bottom:24px}}@media(max-width:600px)and (max-height:700px){.app-shell #signal>.section-bar{margin-bottom:10px}.app-shell #signal .signal-pane.signal-primary{padding-block:16px}.app-shell #signal .signal-primary .input-wrap{min-height:130px}.app-shell #signal .signal-primary .input-wrap textarea{min-height:120px}}@font-face{font-family:DB Navigation;src:url(/fonts/navigation/scraper-medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}.app-shell,.navigation-root{--navigation-font: "DB Navigation", "DM Sans", Arial, sans-serif}.navigation-panel,.navigation-panel :is(a,button),.app-shell .navigation-trigger,.app-shell .header-location,.app-shell .workspace-navigation,.app-shell .workspace-navigation :is(a,button){font-family:var(--navigation-font);font-weight:500;letter-spacing:normal;text-transform:none;-webkit-font-smoothing:antialiased}.navigation-heading h2{font-size:22px;line-height:1.25;letter-spacing:-.01em;color:#f3edf8}.navigation-heading>div>span,.navigation-footer>span{font-family:var(--navigation-font);font-weight:500;font-size:10px;line-height:1.5;letter-spacing:.12em;color:#b6a6c0}.drawer-section-title>span{font-size:16px;line-height:1.25}.drawer-section-title small{font-size:12px;font-weight:500;line-height:1.4;color:#b6a6c0}.drawer-destinations a,.navigation-footer button,.app-shell .navigation-trigger,.app-shell .workspace-links a,.app-shell .workspace-navigation .signal-mode button{font-size:14px;font-weight:500;line-height:1.55;letter-spacing:normal;text-transform:none}.navigation-footer button{color:#d5c7de}.app-shell .workspace-navigation .mode-sub{font-family:var(--navigation-font);font-size:11px;font-weight:500;line-height:1.4;letter-spacing:normal;text-transform:none}.app-shell .header .theme-toggle{color:#07110a;background:#80f5a5;border:1px solid #80f5a5;min-width:44px;min-height:44px}.app-shell[data-theme=phosphor] .header .theme-toggle{color:#17090c;background:#ff8a9a;border-color:#ff8a9a;filter:saturate(.8695652174) hue-rotate(-108deg)}.app-shell .header .theme-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.navigation-root{background:radial-gradient(ellipse at 8% 0%,rgba(88,40,83,.22),transparent 65%),#0b090d}.navigation-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.navigation-atmosphere .rain{z-index:0}.navigation-root[data-theme=phosphor] .navigation-atmosphere{filter:hue-rotate(108deg) saturate(1.15)}.navigation-panel{z-index:1;top:max(16px,env(safe-area-inset-top));bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));width:min(400px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));border:1px solid rgba(206,175,247,.25);border-radius:16px;background:radial-gradient(ellipse 95% 50% at 5% 0%,rgba(225,195,255,.1),transparent 70%),linear-gradient(145deg,#422c5838,#1c11284d 48%,#0e09176b);border-top-color:#f6e8ff8c;border-left-color:#e6ceff59;border-bottom-color:#d1b0f738;-webkit-backdrop-filter:blur(4.5px) saturate(125%);backdrop-filter:blur(4.5px) saturate(125%);box-shadow:0 18px 44px #00000061,0 3px 8px #00000047,0 0 32px #9b5ce814,inset 0 2px 2px #ffefff24,inset 1px 0 1px #e8d0ff1a,inset 0 -1px 1px #ddbcff1a,inset 0 -10px 24px #05020a1f}.navigation-heading{padding:16px 24px 12px}.navigation-heading h2{font-size:22px;line-height:1.25;letter-spacing:-.01em;margin:4px 0 0}.navigation-heading>div>span{font-size:10px}.navigation-heading>button{width:auto;min-width:80px;height:44px;border:0;border-radius:999px;padding:4px 0;background:transparent;font:500 13px/1.4 var(--navigation-font)}.navigation-heading>button>span{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border:1px solid rgba(206,175,247,.25);border-radius:999px;background:#ffffff06}.drawer-sections{display:flex;flex-direction:column;gap:18px;padding:12px 24px;scrollbar-width:thin;scrollbar-color:#786080 transparent}.drawer-section{padding:0}.drawer-section-title{min-height:50px;padding:4px 8px}.drawer-section-title>span{font-size:15px;line-height:1.55}.drawer-section-title small{margin-top:0;font-size:14px;line-height:1.4;color:#b6a6c0}.drawer-destinations{display:flex;flex-direction:column;gap:0;margin:4px 0 0;border-left:0;padding-left:0}.drawer-destinations a{min-height:44px;padding:6px 12px;font-size:15px;line-height:1.55}.navigation-footer{padding:8px 24px}.navigation-footer button{font-size:14px}.navigation-panel :is(a,button):focus-visible{outline-offset:-3px}.navigation-root[data-theme=phosphor] .navigation-panel{filter:none}.navigation-root[data-theme=phosphor] .drawer-section-title[aria-current]{color:#b6efc9}.navigation-root[data-theme=phosphor] .drawer-destinations a[aria-current]{color:#d9f7e3;background:#398b5824;box-shadow:inset 2px 0 #80dca4}.navigation-root[data-theme=phosphor] .navigation-panel :is(a,button):focus-visible{outline-color:#80f5a5}.app-shell .header :is(.navigation-trigger,.motion-toggle,.theme-toggle){border-radius:999px;font:500 13px/1.4 var(--navigation-font);letter-spacing:normal}.app-shell .header .motion-toggle{color:#e7d5e0;padding:0 14px}.app-shell .header .motion-toggle svg{color:currentColor}.app-shell .header .motion-toggle:disabled{opacity:.65}.app-shell .header :is(.motion-toggle,.theme-toggle) span{letter-spacing:normal}.app-shell .header :is(.navigation-trigger,.motion-toggle,.theme-toggle):focus-visible{outline:2px solid #fff;outline-offset:2px}.app-shell .header .theme-toggle{padding-inline:14px}.app-shell .font-tray{gap:10px;padding:8px 10px;background:linear-gradient(145deg,#251828e8,#0f0a14f0)}.app-shell .font-tray-preview{flex:1;min-width:0}.app-shell .font-tray-actions{gap:6px}.app-shell .font-tray-actions>button{flex:0 0 auto;min-height:44px;min-width:44px;padding:0 12px;border-radius:999px;font:500 13px/1.4 var(--navigation-font);letter-spacing:normal;gap:6px}.app-shell .font-tray-actions>button>span{margin:0;transform:none}.app-shell .font-tray-actions>button:hover,.app-shell .font-tray-actions>button:active{transform:none}.app-shell .font-tray-name{font:500 13px/1.4 var(--navigation-font)}@media(max-width:600px){.app-shell .header{min-height:56px;height:56px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.app-shell .header :is(.motion-toggle,.theme-toggle){padding:0}.app-shell .fonts-navigation{position:relative;top:auto;min-height:44px;justify-content:center;padding-inline:12px}.app-shell .fonts-navigation .workspace-label{display:none}.app-shell .fonts-navigation .workspace-links{gap:16px}.app-shell .fonts-navigation .workspace-links a{min-height:44px;padding:0 12px}.app-shell .fonts-navigation .workspace-links a:after{left:12px;right:12px}.app-shell .workspace-navigation:not(.fonts-navigation){top:56px}.app-shell #studio,.app-shell #library{scroll-margin-top:68px}.app-shell .font-tray{flex-direction:row;align-items:center;gap:8px;bottom:calc(8px + env(safe-area-inset-bottom))}.app-shell .font-tray-name small,.app-shell .tray-action-detail{display:none}.app-shell .font-tray-sample{font-size:16px;line-height:1.4}.app-shell .font-tray-actions>button{padding-inline:10px}.font-card{scroll-margin-bottom:calc(90px + env(safe-area-inset-bottom))}.navigation-heading,.drawer-sections{padding:12px 16px}.navigation-footer{padding:8px 16px}}@supports not ((backdrop-filter:blur(4.5px)) or (-webkit-backdrop-filter:blur(4.5px))){.navigation-panel{background:linear-gradient(145deg,#241b30,#141019)}}