@font-face{font-family:London Underground;src:url(/font/London%20Underground%20Regular.ttf) format("truetype")}@font-face{font-family:London Underground Heavy;src:url(/font/London%20Underground%20Heavy.ttf) format("truetype")}@font-face{font-family:Doto Bold;src:url(/font/Doto-Bold.ttf) format("truetype")}@font-face{font-family:Doto Rounded;src:url(/font/Doto_Rounded-Medium.ttf) format("truetype")}@font-face{font-family:Rubik Scribble;src:url(/font/RubikScribble-Regular.ttf) format("truetype")}@font-face{font-family:Rubik Doodle Shadow;src:url(/font/RubikDoodleShadow-Regular.ttf) format("truetype")}@font-face{font-family:Honk;src:url(/font/Honk-Regular-VariableFont_MORF,SHLN.ttf) format("truetype")}@font-face{font-family:Ribeye Marrow;src:url(/font/RibeyeMarrow-Regular.ttf) format("truetype")}@font-face{font-family:Barrio;src:url(/font/Barrio-Regular.ttf) format("truetype")}@font-face{font-family:Barriecito;src:url(/font/Barriecito-Regular.ttf) format("truetype")}@font-face{font-family:Monoton;src:url(/font/Monoton-Regular.ttf) format("truetype")}@font-face{font-family:Freckle Face;src:url(/font/FreckleFace-Regular.ttf) format("truetype")}:root{--surface-0: #0a0a0c;--surface-1: #111114;--surface-2: #1a1a1f;--surface-3: #242429;--border: #2a2a32;--border-focus: #ff3a3a;--text: #e8e8ec;--text-dim: #6a6a78;--text-label: #9a9aaa;--accent: #ff3a3a;--accent-glow: rgba(255, 58, 58, .4);--accent-dim: rgba(255, 58, 58, .15);--radius: 8px;--radius-lg: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden;background-color:var(--surface-0);color:var(--text);-webkit-font-smoothing:antialiased}.view{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center}.hidden{display:none!important}#portrait-view{background:radial-gradient(ellipse at 50% 0%,rgba(255,58,58,.06) 0%,transparent 60%),var(--surface-0);position:relative}#portrait-view:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}.controls-container{width:90%;max-width:440px;padding:24px 0;position:relative;z-index:2}h1{text-align:center;margin-bottom:36px;font-size:2.8em;letter-spacing:-.02em;text-shadow:0 0 20px var(--accent-glow),0 0 60px rgba(255,58,58,.15);animation:title-enter .8s cubic-bezier(.16,1,.3,1) both}@keyframes title-enter{0%{opacity:0;transform:translateY(-12px) scale(.96);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.control-group{margin-bottom:20px;animation:controls-enter .6s cubic-bezier(.16,1,.3,1) both}.control-group:nth-child(2){animation-delay:.1s}.control-group:nth-child(3){animation-delay:.15s}.control-group:nth-child(4){animation-delay:.2s}@keyframes controls-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;font-size:.75em;letter-spacing:.08em;text-transform:uppercase;color:var(--text-label)}#clear-message{font-weight:500;font-size:1em;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-decoration:none;padding:2px 8px;border-radius:4px;transition:color .2s,background-color .2s}#clear-message:hover{color:var(--accent);background-color:var(--accent-dim)}#message-input,#font-select{width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-1);color:var(--text);transition:border-color .2s,box-shadow .2s,background-color .2s}#message-input:focus,#font-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-dim),0 0 20px #ff3a3a14;background-color:var(--surface-2)}#message-input{resize:vertical;line-height:1.5;font-family:inherit}#message-input::placeholder{color:var(--text-dim)}#font-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%236a6a78' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.color-picker-wrapper{position:relative;width:100%;height:48px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:border-color .2s,box-shadow .2s}.color-picker-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-dim)}#color-picker{width:calc(100% + 16px);height:calc(100% + 16px);margin:-8px;border:none;cursor:pointer;background:none}.instruction{margin-top:32px;text-align:center;font-size:.8em;letter-spacing:.04em;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:8px;animation:controls-enter .6s cubic-bezier(.16,1,.3,1) .3s both}.instruction:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--accent);box-shadow:0 0 6px var(--accent-glow);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#landscape-view{background-color:#000;overflow:hidden;position:relative}#scrolling-text{white-space:nowrap;position:absolute;left:100%;animation:scroll-left 10s linear infinite;font-weight:700}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-100% - 100vw))}}@media(orientation:portrait){#portrait-view{display:flex!important}#landscape-view{display:none!important}}@media(orientation:landscape){#portrait-view{display:none!important}#landscape-view{display:flex!important}}