.somma-home,.somma-hero,.somma-participation,.somma-footer,.somma-detail,.somma-modal{--text:#e8f1ec;--muted:#9eb3b2;--accent:#c4e9d9;--line:#a1c3b02b;--mono:nbarchitekt,monospace;font-family:var(--mono);color:var(--text);box-sizing:border-box;line-height:1.6;touch-action:pan-y}
.somma-home *,.somma-participation *,.somma-detail *,.somma-modal *{box-sizing:border-box}
.somma-home [hidden],.somma-participation [hidden],.somma-detail[hidden]{display:none!important}
html.somma-mounted,html.somma-mounted body,html.somma-mounted #Stage,html.somma-mounted .FXScroll{touch-action:pan-y!important}
.somma-home{position:fixed;inset:0;overflow-y:auto;z-index:5;background:#081215}
.somma-home[hidden]{display:none}
.somma-hero{min-height:100vh;position:relative;padding:clamp(150px,23vh,240px) 7vw 60px;background:linear-gradient(90deg,#071013c9,transparent 75%)}
.somma-hero-copy{max-width:620px}
.somma-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 24px}
.somma-hero h1{font-size:clamp(76px,10vw,156px);font-weight:400;letter-spacing:-.065em;line-height:1;margin:0 0 25px;text-shadow:0 0 70px #a3dfc52b}
.somma-hero h2{font-size:clamp(28px,3.5vw,52px);font-weight:300;line-height:1.13;letter-spacing:-1.7px;margin:0 0 24px}
.somma-lead{max-width:420px;font:16px/1.8 Arial,sans-serif;color:#b7c9c8}
.somma-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:32px}
.somma-button,.somma-participation .primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 22px;background:#c4e9d9;color:#10251e;border:1px solid #d5efe3;border-radius:30px;font:12px var(--mono);text-decoration:none;cursor:pointer;transition:background .2s,box-shadow .2s}
.somma-button:hover,.somma-participation .primary:hover{background:#e4faef;box-shadow:0 0 30px #a1ddc42a}
.somma-text-link{color:#c2d6d1;font-size:11px;text-decoration:none;border-bottom:1px solid #8aada86b;padding:8px 0}
.somma-hero-foot{display:flex;gap:28px;margin-top:65px;color:#8ea8a6;font-size:9px;letter-spacing:1px}
.somma-hero-foot button{background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.somma-participation{position:relative;padding:110px 6vw 85px;background:radial-gradient(ellipse at 12% 40%,#163d364d,transparent 55%),#091317;border-block:1px solid var(--line);min-height:100vh}
.somma-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.somma-section-heading h2,.somma-footer h2{font-size:clamp(34px,4.8vw,66px);font-weight:300;line-height:1.12;letter-spacing:-2px;margin:0 0 20px}
.somma-section-heading p:not(.somma-kicker){max-width:600px;font:15px/1.8 Arial,sans-serif;color:var(--muted)}
.somma-participation .account{display:flex;align-items:center;gap:14px;white-space:nowrap;border:1px solid #81a69770;border-radius:30px;padding:13px 18px;background:#142621;color:var(--text);font:12px var(--mono);cursor:pointer}
.somma-participation .avatar{display:grid;place-items:center;border:1px solid #799c8a;width:25px;height:25px;border-radius:50%}
.somma-steps{display:flex;gap:40px;border-block:1px solid var(--line);padding:20px 0;margin:30px 0;color:#abc2bb;font-size:11px}
.somma-steps b{font-weight:400;color:#d9ba99;margin-right:12px}
.somma-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:22px}
.somma-tabs a{padding:14px 0;font-size:12px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent}
.somma-tabs a.active{border-color:var(--accent);color:var(--text)}
.somma-product-status{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8faea3;margin:20px 0}
.somma-product-heading{display:none}
.somma-product-panels{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);gap:25px;align-items:start}
.somma-participation #view-mind,.somma-participation #view-memory{grid-column:1/-1}
.somma-participation .panel{position:relative;border:1px solid var(--line);border-radius:12px;background:#0b171bcc;overflow:hidden;margin-bottom:20px}
.somma-participation .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line)}
.somma-participation h2{font-weight:400}
.somma-participation .panel-heading h2{font-size:14px;margin:0;line-height:1.5}
.somma-participation .eyebrow{font-size:9px;letter-spacing:.7px;color:#a9c7b9}
.somma-participation .region-intro{font:12px/1.7 Arial,sans-serif;color:var(--muted);padding:12px 22px;margin:0}
.somma-participation .region-intro p{margin:0}
.somma-participation .region-legend{display:flex;gap:20px;font:10px var(--mono);padding-top:12px;color:#c7dacf}
.somma-participation .region-grid{position:relative;height:570px;margin:10px 0 0;background:radial-gradient(ellipse,#628e7330,transparent 64%)}
.somma-participation .region{position:absolute;top:var(--dna-y);left:calc(50% + var(--dna-x));transform:translateX(-50%);width:43px;height:32px;border-radius:20px;border:1px solid #759f90;background:#162b29;color:#d4e6de;box-shadow:0 0 16px #addaca15;font:10px var(--mono);cursor:pointer;z-index:1;transition:background .15s,box-shadow .15s}
.somma-participation .region:nth-of-type(even){border-color:#9b8a72;background:#2b2b24;color:#ecddc8}
.somma-participation .region:hover,.somma-participation .region:focus-visible{background:#355448;box-shadow:0 0 22px #abdcbc65;z-index:2}
.somma-participation .region.claimed{background:repeating-linear-gradient(45deg,#29403a,#29403a 3px,#172725 3px,#172725 6px);border-color:#4f6e65}
.somma-participation .region.yours{background:#c4e9d9;color:#10251e;border-color:white;box-shadow:0 0 22px #bce8ce40}
.somma-participation .region.disabled,.somma-participation .region.pending{opacity:.45;border-style:dashed}
.somma-dna-map{position:relative}
.somma-dna-bonds{position:absolute;top:0;left:0;right:0;pointer-events:none}
.somma-dna-bonds i{position:absolute;left:50%;transform:translateX(-50%);height:1px;background:linear-gradient(90deg,#91b7a585,#d6bda45c);box-shadow:0 0 9px #a2c8b922}
.somma-dna-bonds svg{position:absolute;left:50%;transform:translateX(-50%);width:300px;height:570px;fill:none;stroke-width:1;opacity:.45}
.somma-region-pager{display:flex;justify-content:center;align-items:center;gap:28px;padding:10px 20px 20px;font-size:11px;color:var(--muted)}
.somma-region-pager button{width:38px;height:38px;border-radius:50%;border:1px solid #71958970;background:transparent;color:var(--text);cursor:pointer}
.somma-participation .composer-body,.somma-participation .memory-body{padding:22px}
.somma-participation label{display:block;font:13px/1.7 Arial,sans-serif;color:#b2c8bf}
.somma-participation textarea{width:100%;resize:vertical;min-height:110px;background:#081215;border:1px solid #59776a88;border-radius:8px;padding:15px;margin-top:14px;color:var(--text);font:14px/1.65 Arial,sans-serif;user-select:text!important;touch-action:auto}
.somma-participation textarea:disabled{opacity:.5}
.somma-participation .composer-body p{font:12px/1.6 Arial,sans-serif;color:var(--muted)}
.somma-participation .composer-body .public-note{font-size:11px;color:#7d9891}
.somma-participation .composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.somma-participation .secondary,.somma-modal .secondary{padding:9px 13px;border:1px solid #91b4a54d;border-radius:24px;background:transparent;color:#bdd2c8;font:10px var(--mono);cursor:pointer;text-decoration:none}
.somma-participation .exchange{padding:22px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.somma-participation .exchange-meta{display:flex;flex-wrap:wrap;gap:7px 12px;font-size:9px;color:#8daba0}
.somma-participation .exchange p{font:13px/1.8 Arial,sans-serif;white-space:pre-wrap;color:#d3e2dc}
.somma-participation .exchange h3{color:#c2e9d7;font-size:12px}
.somma-participation .exchange .reply{border-left:2px solid #8db49d;padding-left:15px}
.somma-participation .tags,.somma-participation .exchange .state-delta{font:10px/1.6 var(--mono);color:#94b0a2}
.somma-participation #feed{max-height:420px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#527769 transparent;scrollbar-width:thin;touch-action:pan-y}
.somma-participation .feed-footer{text-align:center;padding:14px}
.somma-participation .empty-text{padding:30px 22px;font:13px/1.8 Arial,sans-serif;color:var(--muted)}
.somma-participation .notice{padding:15px 20px;border:1px solid #a9cdac55;border-radius:8px;font-size:12px;margin-bottom:20px;color:#d0e5d8}
.somma-participation .memory-summary{white-space:pre-wrap;overflow-wrap:anywhere;font:17px/1.8 Arial,sans-serif}
.somma-participation .memory-body>p:first-child,.somma-participation .state-note{font:12px/1.8 Arial,sans-serif;color:var(--muted)}
.somma-participation .wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.somma-participation .balance-card,.somma-participation .agent-card{border:1px solid var(--line);border-radius:12px;padding:30px;background:#11252080}
.somma-participation .balance-mark,.somma-participation .orb{display:none}
.somma-participation .balance{font-size:46px;text-transform:capitalize}
.somma-participation .wallet-grid p{font:14px/1.8 Arial,sans-serif;color:var(--muted)}
.somma-participation .actions{display:flex;gap:15px;margin:20px 0}
.somma-participation .balance-foot{display:flex;gap:20px;font-size:10px;color:var(--muted)}
.somma-participation .metrics{display:flex;gap:20px;margin:25px 0}
.somma-participation .metrics article{flex:1;border-bottom:1px solid var(--line);padding:20px 0}
.somma-participation .metrics strong{display:block;font-size:32px;font-weight:400;margin:12px 0}
.somma-participation .metrics article>span:last-child{font:12px Arial,sans-serif;color:var(--muted)}
.somma-participation .text-link{font-size:11px;color:var(--accent)}
.somma-participation .how{display:none}
.somma-participation .region-select{background:#163028;color:var(--text);border:1px solid var(--line);padding:7px;font:11px var(--mono)}
.somma-modal{position:fixed;inset:0;margin:auto;max-width:490px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;padding:28px;border:1px solid #8aac9c66;border-radius:16px;background:#0d1d1d;color:#e0ece7;z-index:100}
.somma-modal::backdrop{background:#030b0bd9;backdrop-filter:blur(10px)}
.somma-modal .modal-header{display:flex;justify-content:space-between;align-items:center}
.somma-modal .icon-button{border:0;color:#cde4d9;background:transparent;font-size:26px;cursor:pointer}
.somma-modal h2{font-size:24px;font-weight:400}
.somma-modal p{font:14px/1.8 Arial,sans-serif;overflow-wrap:anywhere;color:#b2c8bf}
.somma-modal .primary{display:block;padding:14px 20px;border:1px solid #c4e9d9;background:#c4e9d9;color:#10251e;border-radius:25px;font:12px var(--mono);cursor:pointer;margin:18px 0}
.somma-modal input{display:block;width:100%;background:#081413;border:1px solid #59776a;padding:12px;color:#d7eee2;margin:12px 0}
.somma-footer{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:140px 7vw 65px;background:linear-gradient(180deg,#081317dd,#0c1f1be8)}
.somma-footer h2{font-size:clamp(38px,6vw,84px)}
.somma-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:100px;font-size:10px;color:var(--muted)}
.somma-footer-brand{font-size:30px;letter-spacing:-2px;color:#dfeee5;text-decoration:none}
.somma-footer-bottom nav{margin-left:auto;display:flex;gap:30px}
.somma-footer-bottom nav a{color:#c3d6cd;text-decoration:none}
.somma-detail{position:fixed;z-index:24;left:4vw;bottom:100px;width:440px;max-height:calc(100dvh - 235px);overflow:auto;padding:30px;border:1px solid #a3c0b64d;border-radius:12px;background:#091515ed;backdrop-filter:blur(20px);box-shadow:0 20px 80px #0005;scrollbar-width:thin;overscroll-behavior:contain}
.somma-detail h2{font-size:42px;letter-spacing:-1px;font-weight:300;line-height:1.1;margin:0 0 15px;color:var(--detail-color)}
.somma-detail .somma-kicker{font-size:9px;color:var(--detail-color);margin-bottom:18px}
.somma-detail p{font:14px/1.8 Arial,sans-serif;color:#b6cac2}
.somma-detail .somma-detail-lead{font:17px/1.5 var(--mono);color:#e2eee8}
.somma-detail .somma-button{margin-top:10px;font-size:11px}
.somma-detail-close{display:block;background:transparent;color:#a9c5b7;font:11px var(--mono);border:0;padding:22px 0 0;cursor:pointer}
.somma-detail-open .ChatDOM{visibility:hidden!important;pointer-events:none!important}
.somma-detail-open .stockifier-links{display:none}
.somma-in-section .MusicPlayerDOM{display:none!important}
.somma-in-section .stockifier-links{display:none}
.somma-in-section::before{content:"";position:fixed;inset:0 0 auto;height:105px;z-index:14;background:linear-gradient(#091317 65%,#09131700);pointer-events:none}
.somma-page-nav{position:fixed;top:42px;right:50px;z-index:26;display:flex;justify-content:space-between;align-items:center;gap:50px;width:300px;box-sizing:border-box;padding:13px 18px;border:1px solid #83ada75e;border-radius:30px;background:#091416;font:12px nbarchitekt,monospace}
.somma-page-nav[hidden]{display:none}
.somma-page-nav button,.somma-page-nav a{color:#d3e4dd;background:none;border:0;font:inherit;text-decoration:none;cursor:pointer;padding:0}
.somma-section-end{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:28px;border-top:1px solid var(--line);margin-top:30px;font-size:10px;color:var(--muted)}
.somma-section-end button{background:none;border:0;color:var(--accent);font:11px var(--mono);cursor:pointer;padding:10px 0}
@media(max-width:600px){.somma-page-nav{top:26px;right:20px;left:20px;width:auto;font-size:11px}.somma-in-section .stockifier-wordmark{display:none}.somma-in-section::before{height:90px}.somma-section-end{align-items:flex-start;flex-direction:column;gap:10px}}
.somma-participation button:disabled,.somma-modal button:disabled{opacity:.4;cursor:not-allowed}
.somma-hero :focus-visible,.somma-participation :focus-visible,.somma-footer :focus-visible,.somma-detail :focus-visible,.somma-modal :focus-visible{outline:2px solid #dcf5e8;outline-offset:4px}
#Stage .somma-participation p,#Stage .somma-participation textarea,#Stage .somma-participation .exchange,#Stage .somma-footer p{user-select:text;-webkit-user-select:text}
@media(min-width:1600px){.somma-participation{padding-inline:max(6vw,calc((100vw - 1440px)/2))}}
@media(max-width:900px){.somma-hero{padding-inline:6vw}.somma-hero-copy{max-width:470px}.somma-product-panels{grid-template-columns:1fr}.somma-participation .region-grid{height:570px}.somma-participation{padding:105px 5vw 70px}.somma-section-heading{flex-direction:column;gap:15px}.somma-participation .wallet-grid{grid-template-columns:1fr}.somma-steps{gap:18px;justify-content:space-between}.somma-detail{width:380px;left:4vw}}
@media(max-width:600px){.somma-hero{padding-top:190px;min-height:100svh;background:linear-gradient(90deg,#071013c9,#07101320)}.somma-hero h1{font-size:84px}.somma-hero h2{font-size:34px}.somma-kicker{font-size:8px;letter-spacing:1.3px;max-width:280px}.somma-lead{font-size:14px;max-width:290px}.somma-hero-foot{margin-top:35px;gap:18px;font-size:8px}.somma-actions{gap:16px;margin-top:24px}.somma-button{font-size:11px;padding:14px 18px}.somma-section-heading h2{font-size:40px}.somma-section-heading p:not(.somma-kicker){font-size:14px}.somma-steps{font-size:9px;gap:12px;align-items:flex-start}.somma-steps b{display:block;margin-bottom:7px}.somma-tabs{gap:20px}.somma-tabs a{font-size:10px}.somma-participation .panel-heading{padding:18px}.somma-participation .panel-heading h2{font-size:12px}.somma-participation .metrics{gap:15px}.somma-participation .metrics strong{font-size:24px}.somma-participation .balance-foot{flex-direction:column}.somma-footer{padding-inline:6vw}.somma-footer-bottom{gap:20px;margin-top:65px}.somma-footer-bottom nav{margin-left:0;width:100%;gap:24px}.somma-detail{left:16px;right:16px;bottom:85px;width:auto;max-height:calc(100dvh - 235px);padding:24px}.somma-detail h2{font-size:34px}.somma-detail p{font-size:13px}.stockifier-links{font-size:9px}.stockifier-links a{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.somma-button,.somma-participation .region{transition:none}}