@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#263a35;background:#f7f9f7;font-synthesis:none;font-weight:400;font-size:14px;--muted: #82908a;--border: #e4eae4;--green: #32674b;--dark: #142b24;--lime: #cef298}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,textarea,select{outline-offset:4px}button,a{color:inherit}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Space Grotesk,sans-serif}button svg{flex-shrink:0}small{color:var(--muted);font-size:12px}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#fff;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;padding:34px 22px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:9px;letter-spacing:-.9px;color:#1d3429;font-size:23px;white-space:nowrap}.brand>span{width:33px;height:34px;display:grid;place-items:center}.brand strong>span{font-weight:400;color:#587c50}.brand i{font-size:9px;font-style:normal;align-self:flex-start;margin-left:-6px;margin-top:5px}.brand.small{font-size:15px;gap:4px;letter-spacing:-.6px}.brand.small>span{width:23px;height:24px}.workspace{display:flex;align-items:center;gap:10px;background:#f6f8f3;border:1px solid #e9ede4;padding:12px 10px;border-radius:9px;margin-top:40px;margin-bottom:30px}.workspace-icon{height:33px;width:33px;display:grid;place-items:center;background:#fff;border-radius:7px;border:1px solid var(--border)}.workspace strong{font-size:12px;display:block;font-weight:600}.workspace small{font-size:10px;display:block;margin-top:4px}.tiny-pill{margin-left:auto;border:1px solid #dfe7da;font-size:9px;padding:3px 4px;border-radius:4px;color:#849579}.nav-caption{font-size:9px;color:#94a098;letter-spacing:1.6px;font-weight:600;padding-left:12px;margin-bottom:14px}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:12px;padding:13px 12px;font-size:12px;color:#7b8881;border-radius:7px;text-align:left}nav button.active{color:#35563e;background:#ecf3e7;font-weight:600}nav button:hover{background:#f3f6ef}nav button>svg:last-child:not(:first-child){margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:65px}.board-note{background:#f7f9f3;border:1px solid #eaf0e2;border-radius:9px;padding:15px;position:relative}.status-dot{width:6px;height:6px;border-radius:50%;background:#6a9858;display:inline-block;flex-shrink:0}.board-note strong{font-size:10px;margin-left:6px}.board-note p{color:#8b9685;font-size:10px;line-height:1.9;margin-top:9px}.board-note>svg{position:absolute;right:10px;bottom:13px;opacity:.25}.logout{display:flex;align-items:center;gap:9px;color:#859188;font-size:11px;padding:21px 12px}.version{font-size:8px;letter-spacing:1.5px;padding-left:12px;color:#a7b1a5}.main{margin-left:244px;flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff9}.breadcrumb{display:flex;align-items:center;gap:13px;color:#8e9a92;font-size:11px}.breadcrumb strong{font-weight:500;color:#465c4f}.top-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#6c7d6f}.status-dot.muted{background:#acb6af}.avatar{display:grid;place-items:center;background:#edf0e8;border:1px solid #e1e7db;border-radius:50%;font-size:11px;color:#59714d;width:28px;height:28px;margin-left:17px}main{max-width:1600px;padding:39px 42px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:650;color:#8b9a8d}.page-heading h1{font-size:35px;font-weight:500;letter-spacing:-1.5px;margin-top:9px;margin-bottom:10px}.page-heading h1>span{color:#7c9a56}.page-heading p{font-size:12px;color:#8b978e}.device-pill{display:flex;align-items:center;gap:7px;background:#f0f2ef;color:#839085;border:1px solid #e4e8e1;border-radius:20px;padding:9px 13px;font-size:10px}.device-pill .status-dot{background:#a0aaa0}.device-pill.online{background:#eef5e7;color:#608247;border-color:#e2edd5}.device-pill.online .status-dot{background:#6b934d}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;background:#fff;margin-bottom:26px;padding:22px 0}.stat{padding:0 24px;border-right:1px solid var(--border);min-width:0}.stat:last-child{border:0}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#91a08f;font-weight:600}.stat-label svg{width:14px;height:14px;color:#98aa91}.stat>strong{font-family:Space Grotesk,sans-serif;font-size:23px;letter-spacing:-.6px;display:flex;align-items:center;gap:7px;font-weight:500;margin:15px 0 7px;white-space:nowrap}.stat>strong.green{color:#3d6f43}.stat small{font-size:9px;white-space:nowrap}.overview-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.card{border:1px solid var(--border);border-radius:11px;background:#fff;padding:24px;min-width:0}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h2{font-size:17px;font-weight:500;letter-spacing:-.45px;margin-top:6px}.card-title>svg{color:#93a18e}.badge{display:flex;align-items:center;gap:5px;border:1px solid #e3e9de;background:#f8faf5;border-radius:5px;padding:5px 7px;font-size:8px;color:#7b8d71;white-space:nowrap}.badge .status-dot{width:4px;height:4px}.display-card{padding-bottom:0;overflow:hidden}.hardware-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:37px 0 22px;background:radial-gradient(ellipse,#edf0de55,transparent 65%)}.lcd-board{position:relative;padding:22px 29px 31px;background:linear-gradient(115deg,#24594d,#173f35 75%);border-radius:8px;box-shadow:0 9px 18px #183a2b1c,inset 0 0 0 1px #346b57;border-bottom:4px solid #173a30;max-width:100%}.lcd{font-family:Courier New,monospace;color:#314b1e;background:linear-gradient(110deg,#c6d891,#d4df9c);font-size:23px;line-height:1.5;letter-spacing:2px;border:7px solid #1c3129;border-radius:4px;padding:8px 13px;box-shadow:inset 0 1px 9px #31481938,0 0 0 1px #47705a;white-space:pre;font-weight:700;text-shadow:1px 0 #314b1e33;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#657b2820 3px),linear-gradient(110deg,#c6d891,#d4df9c)}.lcd.dark{background:#747a68;color:#343b2c;text-shadow:none;box-shadow:inset 0 0 20px #3335}.screw{width:6px;height:6px;background:#acb697;border:2px solid #d0d7bc;border-radius:50%;position:absolute;box-shadow:0 0 0 2px #36705a}.screw.tl{left:9px;top:9px}.screw.tr{right:9px;top:9px}.screw.bl{left:9px;bottom:9px}.screw.br{right:9px;bottom:9px}.board-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:6px;color:#84ac85;letter-spacing:2px}.stage-label{font-size:9px;color:#9aa18d;display:flex;align-items:center;gap:6px;margin-top:20px}.pulse-dot{width:4px;height:4px;border-radius:50%;background:#92a77d}.display-footer{border-top:1px solid #edf0e8;display:flex;align-items:center;gap:15px;justify-content:space-between;padding:16px 0;font-size:8px;color:#97a28f}.display-footer span:first-child{display:flex;align-items:center;gap:5px}.display-footer button{display:flex;align-items:center;gap:4px;font-size:9px;color:#6b885c}.matrix-card{background:#142a23;color:#f0f3e7;position:relative;overflow:hidden;border-color:#142a23;padding-bottom:0}.matrix-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#42735522,transparent 65%)}.matrix-card .eyebrow{color:#7f9c85}.matrix-card .card-title>svg{color:#70977b}.matrix-stage{display:grid;place-items:center;padding:25px 0 15px}.matrix{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;padding:15px 18px;background:#122019;border:1px solid #264334;border-radius:8px;box-shadow:0 6px 20px #0002;width:250px;max-width:100%}.matrix i,.matrix>button{aspect-ratio:1;border-radius:50%;background:#24392b;min-width:0;padding:0;display:block;transition:background .12s}.matrix .lit{background:#b7ed79;box-shadow:0 0 7px #b9ef7666,inset 0 0 2px #efffb6}.matrix-caption{text-align:center;display:grid;gap:7px}.matrix-caption strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matrix-caption span{font-size:6px;letter-spacing:1.8px;color:#72927a}.studio-link{border-top:1px solid #2c4335;display:flex;align-items:center;justify-content:space-between;width:calc(100% + 48px);margin:21px -24px 0;padding:16px 24px;color:#b8d29d;font-size:10px}.composer{margin-top:20px}.textarea-wrap{position:relative}textarea{width:100%;border:1px solid #e4e9df;border-radius:7px;padding:13px 12px 24px;resize:vertical;font-size:11px;color:#46593c;line-height:1.6;background:#fcfdfb}textarea::placeholder{color:#abb2a5}.textarea-wrap>span{position:absolute;right:10px;bottom:10px;font-size:8px;color:#a4ad9b;pointer-events:none}.input-note{font-size:9px;line-height:1.6;color:#9aa58f;margin-top:8px}.composer-actions{margin-top:17px;display:flex;justify-content:space-between;gap:8px;align-items:center}.composer-actions label{font-size:9px;color:#8c9985}.composer-actions select{border:1px solid #e1e8da;border-radius:5px;padding:7px;color:#6e805e;background:#fff;font-size:9px;margin-left:6px}.primary{background:#2e563b;color:#f7fbed;padding:11px 15px;border-radius:6px;font-size:10px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.primary:hover{background:#416e45}.quick-row{display:flex;align-items:center;gap:12px;padding:22px 0;border-bottom:1px solid #edf1e8}.mini-icon{background:#f3f6ed;color:#7b9465;display:inline-grid;place-items:center;width:35px;height:35px;border-radius:8px;flex-shrink:0}.quick-row strong{font-size:11px;font-weight:500}.quick-row small{display:block;font-size:9px;margin-top:6px}.quick-row .toggle,.quick-row .icon-button{margin-left:auto}.toggle{padding:3px;width:32px;height:18px;border-radius:15px;background:#d7dfd1;position:relative;flex-shrink:0}.toggle>span{display:block;background:#fff;border-radius:50%;height:12px;width:12px;box-shadow:0 1px 3px #0002;transition:transform .15s}.toggle.on{background:#679d50}.toggle.on>span{transform:translate(14px)}.icon-button{display:grid;place-items:center;color:#89a376;border-radius:5px;padding:6px}.icon-button:hover{background:#f0f5e9}.quiet-note{color:#98a58e;font-size:9px;line-height:1.9;display:flex;gap:7px;margin-top:15px}.quiet-note svg{flex-shrink:0;margin-top:2px}.bottom-note{display:flex;align-items:center;justify-content:space-between;margin:25px 0 38px;color:#a4ae9d;gap:10px}.bottom-note>span{font-size:7px;letter-spacing:1.4px}.bottom-note p{font-size:9px}footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:21px 0;color:#a3ae9b;gap:10px}footer>span{font-size:8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;min-height:590px;margin-bottom:35px}.form-card>label{display:block;font-size:11px;font-weight:500;margin:24px 0 9px}.form-card>label>span{float:right;color:#98a58e;font-weight:400}.form-card>input:not([type=range]),.form-card>select,.login-form>input{width:100%;padding:12px;border:1px solid var(--border);border-radius:7px;color:#4f6148;background:#fdfefc}.segmented{display:flex;background:#f3f6ed;border-radius:7px;padding:4px;gap:3px}.segmented button{padding:10px;flex:1;font-size:11px;color:#85967a;border-radius:5px}.segmented .selected{background:#fff;color:#456139;box-shadow:0 1px 4px #16360712}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:21px 0}.setting-row strong{font-size:12px;font-weight:500}.setting-row small{display:block;margin-top:5px;font-size:10px}.form-card>.primary{margin-top:24px;width:100%;font-size:11px;padding:13px}.settings-preview{background:#f3f5ed;border-radius:8px;padding:55px 12px;display:grid;place-items:center;margin:25px 0;overflow:hidden}.settings-preview .lcd{font-size:20px}.message-list{max-height:650px;overflow:auto;margin-top:20px}.message-item{display:flex;justify-content:space-between;gap:10px;padding:17px 0;border-bottom:1px solid var(--border)}.message-item strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.message-item small{display:block;font-size:9px;margin-top:7px}.empty{text-align:center;color:#9bab8d;padding:65px 0}.empty h3{font-size:17px;margin:17px 0 10px}.empty p{font-size:11px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.mode-grid>button{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:7px;padding:15px 12px;font-size:11px;color:#839677;text-align:left}.mode-grid>button.selected{border-color:#a3bf83;background:#f4f8eb;color:#496e32}.mode-grid>button>svg:last-child:not(:first-child){margin-left:auto}.form-card input[type=range]{accent-color:#67984c;width:100%}.studio-preview{display:grid;place-items:center;background:#142a23;border-radius:9px;min-height:310px;margin-top:26px}.studio-preview .matrix{width:300px;gap:8px}.frame-tabs{display:flex;gap:5px;flex-wrap:wrap}.frame-tabs button{border:1px solid var(--border);border-radius:4px;padding:6px 9px;font-size:10px}.frame-tabs button.selected{background:#eaf3de;border-color:#b2ca96}.editor{margin:20px 0;display:grid;place-items:center;background:#edf2e7;padding:25px;border-radius:8px}.editable{width:290px;gap:7px}.editable>button:hover{outline:1px solid #bde886}.editor-actions{display:flex;gap:7px;flex-wrap:wrap}.secondary{display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid var(--border);border-radius:5px;padding:8px 10px;background:#fafcf6;color:#6c865a}.properties{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:0;margin:0}.properties dt,.properties dd{border-bottom:1px solid var(--border);padding:15px 0}.properties dt{color:#8b9b80}.properties dd{text-align:right;margin:0;overflow-wrap:anywhere}.device-illustration{color:#658b4b;background:#f2f6e9;margin:24px 0;border-radius:8px;display:grid;justify-items:center;gap:14px;padding:35px}.device-illustration span{font-size:9px;letter-spacing:2px}.setup-steps{list-style:none;counter-reset:steps;padding:5px 0 0}.setup-steps li{counter-increment:steps;position:relative;padding:20px 0 20px 39px;border-bottom:1px solid var(--border)}.setup-steps li:before{content:counter(steps);position:absolute;left:0;top:20px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0f5e7;color:#799b5b;font-size:10px}.setup-steps strong{font-size:12px;font-weight:500}.setup-steps p{font-size:10px;line-height:1.9;color:#8b9b80;margin-top:8px}.toast{position:fixed;bottom:24px;left:calc(50% + 122px);transform:translate(-50%);max-width:calc(100% - 30px);padding:15px 18px;display:flex;gap:10px;align-items:center;background:#244832;color:#fff;box-shadow:0 8px 40px #183b3030;border-radius:8px;font-size:12px;z-index:20}.toast button{color:#d7e4cd;display:grid;place-items:center;margin-left:10px}.loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#6f8c5e}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-art{background:#142b24;padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between;color:#ebf3dd;min-height:100vh}.login-art .brand{color:#ecf5dd}.login-art .brand strong>span{color:#bedb93}.login-art h1{font-size:clamp(35px,4vw,64px);letter-spacing:-2px;font-weight:400;line-height:1.14;margin:22px 0}.login-art h1>span{color:#b8e780}.login-art p{font-size:13px;line-height:1.9;color:#95b09a}.login-art small{font-size:8px;color:#78947b;letter-spacing:2px}.art-matrix{display:grid;grid-template-columns:repeat(12,8px);gap:7px;margin-top:40px}.art-matrix i{width:8px;height:8px;border-radius:50%;background:#2f4b36}.art-matrix .on{background:#bbeb80;box-shadow:0 0 9px #b6e87933}.login-form{display:flex;flex-direction:column;align-self:center;justify-self:center;width:min(360px,calc(100% - 50px));padding:35px 0}.login-form h2{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:23px 0 10px}.login-form>p{color:#8d9c83;font-size:12px;line-height:1.8}.login-form>label{font-size:11px;margin:32px 0 9px}.login-form>.primary{margin-top:18px;font-size:12px;padding:14px}.login-form>small{font-size:9px;text-align:center;margin-top:24px}.error{font-size:11px!important;color:#b34e3e!important;line-height:1.7;margin-top:10px!important}@media(min-width:1500px){main{padding:44px 55px 0}.topbar{padding:0 55px}.hardware-stage{padding:46px 0 29px}.lcd{font-size:28px}.matrix-stage{padding:28px 0 18px}.matrix{width:275px}.card{padding:27px}.matrix-card{padding-bottom:0}.studio-link{width:calc(100% + 54px);margin:25px -27px 0;padding:16px 27px}.display-card{padding-bottom:0}.stat>strong{font-size:26px}}@media(max-width:1200px){.sidebar{width:210px;padding:29px 16px}.main{margin-left:210px}main{padding:30px 26px 0}.topbar{padding:0 26px}.stat{padding:0 17px}.stat>strong{font-size:19px}.stat small{font-size:8px}.card{padding:19px}.display-card,.matrix-card{padding-bottom:0}.card-title h2{font-size:15px}.eyebrow{font-size:7px;letter-spacing:1.4px}.lcd{font-size:18px;letter-spacing:1.5px}.lcd-board{padding:19px 23px 28px}.hardware-stage{padding:37px 0 24px}.matrix-stage{padding:22px 0 13px}.matrix{width:220px;gap:5px;padding:13px}.studio-link{width:calc(100% + 38px);margin:20px -19px 0;padding:16px 19px}.badge{font-size:7px}.composer-actions{flex-wrap:wrap}.toast{left:calc(50% + 105px)}.settings-preview .lcd{font-size:16px;letter-spacing:1px}}@media(max-width:960px){.sidebar{width:185px;padding:25px 12px}.main{margin-left:185px}.brand{font-size:20px;gap:4px}.workspace{padding:10px 7px;gap:7px}.workspace small{font-size:8px}.workspace strong{font-size:10px}.workspace-icon{width:28px;height:28px}.tiny-pill{display:none}.nav-caption{font-size:8px}nav button{font-size:10px;padding:12px 10px;gap:8px}.board-note{padding:12px 9px}.board-note strong,.board-note p{font-size:8px}.stats{grid-template-columns:1fr 1fr;row-gap:24px}.stat:nth-child(2){border:0}.stat small{font-size:9px}.stat>strong{font-size:23px}.overview-grid{grid-template-columns:1fr;gap:18px}.card-title h2{font-size:18px}.eyebrow{font-size:8px}.hardware-stage{padding:35px 0 25px}.lcd{font-size:24px}.matrix{width:250px;gap:6px}.matrix-card .matrix-stage{padding:25px 0 17px}.detail-grid{grid-template-columns:1fr}.toast{left:calc(50% + 92px)}.bottom-note>span:last-child{display:none}.login-art{padding:35px}.login-art h1{font-size:44px}.studio-preview .matrix{width:300px}}@media(max-width:640px){.shell{display:block}.sidebar{position:sticky;top:0;width:100%;padding:13px 16px 0;border-right:0;border-bottom:1px solid var(--border)}.sidebar>.brand{font-size:21px}.sidebar>.brand>span{width:25px}.workspace,.nav-caption,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;gap:3px;margin:13px -8px 0}nav button{flex-shrink:0;padding:10px 9px;border-radius:6px 6px 0 0;gap:5px;font-size:9px}nav button svg{height:14px;width:14px}nav button>svg:last-child:not(:first-child){display:none}.main{margin-left:0}.topbar{height:45px;padding:0 20px}.breadcrumb,.top-status{font-size:9px}.avatar{display:none}main{padding:27px 17px 0}.page-heading{gap:12px;align-items:flex-start}.page-heading h1{font-size:29px}.page-heading p{font-size:10px;line-height:1.7;max-width:220px}.device-pill{font-size:8px;padding:7px 9px;margin-top:23px}.stats{padding:19px 0;gap:21px 0;margin-bottom:18px}.stat{padding:0 16px}.stat-label{font-size:7px;letter-spacing:1px}.stat>strong{font-size:20px;margin:12px 0 6px}.stat small{font-size:8px;white-space:normal;line-height:1.6}.card{padding:20px}.card-title h2{font-size:16px}.card-title .eyebrow{font-size:7px}.display-card,.matrix-card{padding-bottom:0}.badge{font-size:7px}.lcd{font-size:20px;letter-spacing:1.4px;padding:8px}.lcd-board{padding:18px 20px 28px}.hardware-stage{padding-top:31px}.display-footer{gap:9px;font-size:7px}.display-footer button{font-size:8px}.studio-link{width:calc(100% + 40px);margin:23px -20px 0;padding:16px 20px}.composer-actions{flex-wrap:nowrap}.composer-actions .primary{font-size:9px;padding:10px}.composer-actions label{font-size:8px}.composer-actions select{padding:6px;margin-left:2px;font-size:8px}.quiet-note{font-size:9px}.bottom-note{margin-bottom:26px;flex-direction:column;align-items:flex-start;gap:8px}.bottom-note p{font-size:9px}footer{flex-wrap:wrap;gap:10px}footer>span:last-child{display:none}.toast{left:50%;width:max-content;font-size:11px}.detail-grid{gap:18px;margin-bottom:25px}.login{grid-template-columns:1fr}.login-art{min-height:unset;padding:25px}.login-art>div:not(.brand){padding:35px 0 5px}.login-art h1{font-size:37px;margin:15px 0}.login-art p{font-size:11px}.login-art small,.art-matrix{display:none}.login-form{padding:35px 0 45px}.login-form h2{font-size:23px}.properties{font-size:10px}.settings-preview .lcd{font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.top-logout{display:none;color:#7b8d71;padding:5px}@media(max-width:640px){.top-logout{display:grid;place-items:center;margin-left:7px}}:root{--rose: #a34c64;--rose-light: #f9e8e7}body{background:#faf9f6}.page-heading h1>span{color:var(--rose)}.primary.rose{background:var(--rose);color:#fff8f0}.primary.rose:hover{background:#8a3d53}.love-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 15%,#f0d9cf80,transparent 60%),linear-gradient(120deg,#fff5ed,#faeeeb);border:1px solid #efdfd6;border-radius:15px;padding:32px 36px;margin-bottom:26px;color:#603c43}.love-heading{position:relative;z-index:1}.love-heading .eyebrow{color:#b48180;letter-spacing:2.2px}.love-heading h2{font-size:32px;font-weight:400;letter-spacing:-1.2px;margin:12px 0 9px}.love-heading p{color:#ac8687;font-size:12px;line-height:1.8}.love-orbit{position:absolute;right:42px;top:38px;width:125px;height:125px;border-radius:50%;border:1px solid #dfbdb766;display:grid;place-items:center;color:#bc6e7b;transform:rotate(-9deg)}.love-orbit svg{height:43px;width:43px;filter:drop-shadow(0 8px 10px #b4657530);animation:love-beat 3s ease-in-out infinite}.love-orbit:before,.love-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid #dfbdb744;inset:-14px}.love-orbit:after{inset:-28px}.love-orbit i{position:absolute;width:7px;height:7px;background:#d4aa86;border-radius:50%;right:1px;top:28px}.love-orbit i:last-child{width:4px;height:4px;left:1px;top:85px}.love-counter{display:flex;gap:34px;margin-top:30px;position:relative;z-index:1;font-variant-numeric:tabular-nums}.love-counter>div{display:flex;flex-direction:column;min-width:72px}.love-counter strong{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:48px;letter-spacing:-2px;line-height:1.1;color:#8d4a5d}.love-counter>div:first-child strong{color:#613c43}.love-counter span{font-size:10px;color:#b58d89;letter-spacing:2px;text-transform:uppercase;margin-top:9px}.love-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7cec35c;margin-top:26px;padding-top:17px;color:#a87a7d;font-size:10px;position:relative;z-index:1}.love-footer>span,.love-footer>button{display:flex;align-items:center;gap:7px}.love-footer>button{font-size:10px;color:#96556a}.love-hero>.primary{position:relative;margin-top:24px}.love-details{margin-top:24px}.story-note{padding:32px;line-height:1.9}.story-note>svg{color:#b88b64;margin-bottom:25px}.story-note>.eyebrow{display:block;color:#b2837f}.story-note h2{font-size:28px;font-weight:400;letter-spacing:-1px;line-height:1.3;margin:14px 0 20px}.story-note>p{font-size:13px;color:#9a8984;line-height:1.9}.love-lcd-sample{background:#233c31;color:#d3dfa5;display:grid;gap:10px;text-align:center;border:8px solid #172c23;border-radius:10px;padding:30px 15px;margin:26px 0;font-family:monospace;font-size:17px;letter-spacing:1.2px}.love-lcd-sample strong{font-weight:400}.story-signature{display:flex;align-items:center;gap:9px;font-size:12px;color:#b27b83;margin-top:28px;padding-top:22px;border-top:1px solid #eee6de}.dst-details{margin-top:17px;border:1px solid #eee3da;padding:12px;border-radius:7px;font-size:11px;color:#97857b}.dst-details summary{cursor:pointer}.dst-details p{line-height:1.8;margin:12px 0}.dst-details select{width:100%;padding:9px;border:1px solid #e4d8cd;border-radius:5px;background:#fff;color:#795f5c}.saved-note{display:flex;gap:7px;align-items:center;font-size:12px;line-height:1.8;color:#6d8755;margin:17px 0}.form-card .secondary{margin-top:12px}.love-hero .primary{border-radius:25px;padding:12px 20px}.together-note{display:flex;align-items:flex-start;gap:16px;border:1px solid #eddfd7;background:#fff4ee;padding:22px 25px;border-radius:12px;margin-bottom:24px;color:#a56c78}.together-note>svg{flex-shrink:0;margin-top:4px}.together-note strong{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:17px;color:#754a50}.together-note p{font-size:12px;line-height:1.8;margin-top:6px;color:#a08781;max-width:650px}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0 35px;align-items:start}.person-heading{display:flex;align-items:center;gap:13px}.person-avatar,.note-avatar{width:43px;height:43px;display:grid;place-items:center;background:#fae9e3;color:#ac7279;border:1px solid #f3dbd3;border-radius:50%;font-family:Space Grotesk,sans-serif;font-size:21px}.person-heading h2{font-size:18px;font-weight:500}.person-heading h2 small{font-family:DM Sans,sans-serif;font-size:9px;background:#f0f4e8;color:#789064;border-radius:8px;padding:3px 7px;margin-left:9px}.person-heading p{font-size:11px;color:#a19789;margin-top:5px}.person-heading>svg{margin-left:auto;color:#8da276}.person-card .form-card>.primary{width:100%;margin-top:21px}.person-card .quiet-note{font-size:11px}.text-button{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#a86d7b;padding:15px 0;display:block}.disabled-person{background:#f5f5f2}.disabled-person .person-heading{opacity:.65}.password-form{padding:0 0 15px;margin-bottom:10px;border-bottom:1px solid var(--border)}.add-person-card{min-height:260px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;border-style:dashed;background:#fffcf8}.add-person-card h2{font-size:22px;font-weight:400;letter-spacing:-.6px}.add-person-card>p{font-size:12px;color:#9f8d83;line-height:1.9}.add-person-card>form{width:100%}.account-alert{margin-bottom:20px}.message-layout{display:grid;grid-template-columns:.85fr 1.25fr;gap:24px;align-items:start;margin-bottom:35px}.message-compose-card{position:sticky;top:24px}.message-hint{display:flex;align-items:center;gap:15px;color:#b7898a;font-size:12px;line-height:1.8;background:#fff4ed;padding:20px;margin-top:28px;border-radius:8px}.message-hint>svg{flex-shrink:0}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #e9e5dc;border-radius:7px;padding:10px 12px;margin:23px 0;color:#afa292}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:12px;color:#695a51}.notes-list{display:grid;gap:17px}.note{border:1px solid #efe3d8;background:#fffaf4;border-radius:9px;padding:20px}.note-heading{display:flex;gap:10px;align-items:center}.note-avatar{width:32px;height:32px;font-size:15px}.note-heading strong{font-size:11px;font-weight:600;color:#7c635c}.note-heading time{display:block;font-size:9px;color:#b09c8d;margin-top:4px}.note-heading>svg{margin-left:auto;color:#d2a4a3}.note>p{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:400;color:#7b5854;line-height:1.7;margin:20px 0;overflow-wrap:anywhere;white-space:pre-wrap}.note-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #eee2d5;padding-top:12px}.note-footer>span{font-size:9px;color:#b09a89;display:flex;align-items:center;gap:5px}.note-footer>div{display:flex;gap:9px}.note-footer button{display:flex;align-items:center;gap:5px;font-size:10px;color:#9e6a75;padding:4px}.load-more{margin:22px auto 0}.journal-card{margin-bottom:35px;padding:30px}.journal-intro{font-size:12px;color:#a09183;line-height:1.9;margin-top:17px;max-width:650px}.timeline{margin-top:30px}.timeline article{display:flex;gap:17px;position:relative;padding:0 0 28px}.timeline article:not(:last-child):before{content:"";position:absolute;top:31px;bottom:0;left:15px;border-left:1px solid #e9e4d9}.timeline-icon{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;background:#f5eee4;border-radius:50%;color:#ac8b76}.timeline h3{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;margin-top:4px;color:#6f5c51}.timeline p{font-size:11px;color:#9c8b7b;margin:6px 0}.timeline time{font-size:9px;color:#b3a595}.install-banner{display:flex;align-items:center;gap:15px;background:#fff7f0;border:1px solid #ecdfd3;border-radius:10px;padding:18px 22px;margin:28px 0;color:#ae7a80}.install-banner>svg{flex-shrink:0}.install-banner strong{font-size:12px;font-weight:500;color:#896667}.install-banner p{font-size:10px;color:#b09a8d;line-height:1.7;margin-top:4px}.install-banner>.secondary{margin-left:auto;white-space:nowrap}.install-help{margin-bottom:25px;position:relative}.install-help>.icon-button{position:absolute;right:15px;top:15px}.install-help h2{font-size:20px;font-weight:400;color:#805860;padding-right:30px}.install-help p{font-size:12px;line-height:1.9;color:#aa9386;margin-top:15px}.install-help ol{padding:0;list-style:none;display:grid;gap:15px;margin-top:23px}.install-help li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#97796d;font-size:12px}.connection-banner{padding:12px 16px;margin-bottom:20px;border:1px solid #ebd9cb;background:#fff5e8;color:#987259;font-size:12px;border-radius:8px}.login-art{background:radial-gradient(ellipse at 80% 70%,#714e5638,transparent 70%),#253d33}.login-art .eyebrow{color:#d9ada2}.login-art h1>span{color:#e7baaa}.login-form h2{color:#764852}.login-form>.primary{background:#a34c64;border-radius:25px}.login-form>.mini-icon{background:#fae8e5;color:#b27680}.login-form>.primary:hover{background:#8b3f55}.login-form>label{margin-top:22px}.login-form{padding:45px 0}.shell>aside nav{gap:3px}.shell>aside nav button{padding-top:11px;padding-bottom:11px}.shell>aside .sidebar-bottom{padding-top:25px}nav button.active{background:#faece8;color:#a66c75}.workspace{background:#fcf7f1;border-color:#efe6dc}.workspace small{color:#af9a8a}.bottom-note{display:none}@keyframes love-beat{0%,to{transform:scale(1)}40%{transform:scale(1.08)}55%{transform:scale(1)}}@media(max-width:1200px){.love-counter strong{font-size:42px}.love-counter{gap:25px}.love-hero{padding:28px}.love-orbit{right:26px;width:95px;height:95px}.message-layout{grid-template-columns:1fr 1.15fr}}@media(max-width:960px){.people-grid,.message-layout{grid-template-columns:1fr}.message-compose-card{position:static}.love-hero{padding:25px}.love-orbit{opacity:.65;right:30px;top:32px;width:75px;height:75px}.love-orbit svg{width:30px;height:30px}.love-heading h2{font-size:28px}.love-heading p{max-width:75%}.love-counter{gap:22px}.love-counter strong{font-size:40px}.love-counter>div{min-width:60px}.love-footer{font-size:9px}.love-heading h2{max-width:75%}}@media(max-width:640px){.sidebar{padding-top:max(13px,env(safe-area-inset-top))}.sidebar nav button{font-size:10px;min-height:44px;padding:12px 10px}.shell>aside nav button{padding-top:12px;padding-bottom:12px}.love-hero{padding:24px 20px;border-radius:12px;margin-bottom:20px}.love-heading h2{font-size:27px;max-width:85%}.love-heading p{font-size:11px;max-width:80%}.love-orbit{width:55px;height:55px;right:18px;top:29px;opacity:.55}.love-orbit svg{width:25px;height:25px}.love-orbit:after{inset:-15px}.love-orbit:before{inset:-8px}.love-counter{gap:8px;justify-content:space-between;margin-top:30px}.love-counter>div{min-width:0}.love-counter strong{font-size:35px;letter-spacing:-1.5px}.love-counter span{font-size:8px;letter-spacing:1px}.love-footer{align-items:flex-start;flex-direction:column;font-size:9px;gap:14px}.love-footer button{padding:5px 0}.love-hero>.primary{font-size:12px}.story-note{padding:24px}.form-card>label{font-size:12px}.form-card>input:not([type=range]),.form-card>select,.login-form>input,textarea,.search-box input{font-size:16px;min-height:44px}.input-note{font-size:11px}.form-card>.primary,.composer-actions .primary{font-size:12px;min-height:44px}.composer-actions{flex-wrap:wrap;gap:15px}.composer-actions label,.composer-actions select{font-size:11px}.composer-actions select{min-height:40px}.people-grid{gap:18px}.together-note{padding:19px 17px}.together-note p{font-size:11px}.person-card{padding:22px}.secondary,.text-button{min-height:44px;font-size:12px}.note{padding:18px 15px}.note-heading time{font-size:10px}.note>p{font-size:17px}.note-footer{align-items:flex-start;flex-direction:column;gap:10px}.note-footer>span{font-size:10px}.note-footer button{font-size:11px;min-height:35px}.note-footer>div{width:100%;justify-content:flex-end}.journal-card{padding:23px 20px}.timeline h3{font-size:12px}.install-banner{padding:16px;gap:10px;flex-wrap:wrap}.install-banner>div{flex:1}.install-banner>.secondary{margin:8px 0 0 32px}.install-help li{font-size:11px;line-height:1.7}.install-help li svg{flex-shrink:0}footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.love-counter{font-variant-numeric:tabular-nums}.login-art h1{font-size:35px}.love-details{margin-bottom:25px}.note-footer button{padding:7px 5px}}@media(prefers-reduced-motion:reduce){.love-orbit svg{animation:none}}@media(max-width:640px){.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin:10px 0 0;gap:3px}.sidebar nav button{min-width:0;justify-content:center;padding:8px 3px;font-size:9px;line-height:1.35;min-height:44px;gap:4px;border-radius:6px}.sidebar nav button svg{height:14px;width:14px;flex-shrink:0}.sidebar{padding-bottom:7px}}