:root{--paper-50:#f6f5ef;--paper-100:#eeeee5;--paper-200:#d6d8cc;--ink-500:#58604f;--ink-800:#303a2a;--ink-950:#20291c;--olive-100:#e6ebd8;--olive-600:#49602c;--olive-700:#364920;--amber-100:#f2e9d9;--amber-800:#654719;--red-800:#9b3127;--color-bg:var(--paper-50);--color-surface:#fffef9;--color-subtle:var(--paper-100);--color-text:var(--ink-950);--color-muted:var(--ink-500);--color-border:var(--paper-200);--color-control-border:#7b816f;--color-accent:var(--olive-600);--color-accent-hover:var(--olive-700);--color-accent-soft:var(--olive-100);--color-on-accent:#fff;--color-warning-bg:var(--amber-100);--color-warning-text:var(--amber-800);--color-error:var(--red-800);--color-focus:var(--ink-950);--radius:16px;--radius-control:8px;--text-small:.8125rem;--text-body:1rem;--text-section:1.5rem;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,input,select,summary{min-height:44px}button{cursor:pointer;border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);padding:10px 16px;font-weight:600;line-height:1.35}button:hover:not(:disabled){background:var(--color-subtle)}button:disabled{cursor:not-allowed;color:var(--color-muted);background:var(--color-subtle);border-color:var(--color-border)}button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}button.primary:hover:not(:disabled){background:var(--color-accent-hover)}button.primary:disabled{background:var(--color-subtle);border-color:var(--color-border);color:var(--color-muted)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}a{color:var(--color-accent-hover);text-underline-offset:3px;text-underline-position:from-font;overflow-wrap:anywhere;text-decoration-thickness:from-font}a:hover{text-decoration-thickness:2px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:600;line-height:1.12}h1{letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,5.4vw,4.75rem);font-weight:400}h1 span{color:var(--color-muted)}h2{font-size:var(--text-section);letter-spacing:-.035em}h3{letter-spacing:-.02em;font-size:1.125rem}p{text-wrap:pretty}p+p{margin-block-start:12px}strong{font-weight:600}small,.small{font-size:var(--text-small);line-height:1.55}.muted{color:var(--color-muted)}.error{color:var(--color-error);overflow-wrap:anywhere}.warning-text{color:var(--color-warning-text)}.shell{max-width:1200px;margin-inline:auto;padding-inline:40px}.header{border-block-end:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:24px;padding-block:28px;display:flex}.brand{color:var(--color-text);letter-spacing:-.06em;align-items:center;gap:12px;font-size:32px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.brand-dot{color:var(--color-accent)}.mark{flex-shrink:0;align-items:center;width:40px;height:40px;display:inline-flex;position:relative}.mark span{border:1.5px solid;border-radius:50%;width:23px;height:23px;position:absolute}.mark span:first-child{inset-inline-start:0;top:8px}.mark span:nth-child(2){inset-inline-end:0;top:8px}.mark span:nth-child(3){inset-inline-start:8.5px;top:0}.wallet-nav{flex-wrap:wrap;align-items:center;gap:16px;font-size:.875rem;display:flex}.network-badge{color:var(--color-muted);align-items:center;gap:7px;display:inline-flex}.network-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.intro{grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;padding-block:56px 44px;display:grid}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-block-end:12px;font-size:.75rem;font-weight:600}.lede{max-width:43ch;color:var(--color-muted);margin-block-start:22px;font-size:1.0625rem}.how-it-works{border-inline-start:1px solid var(--color-border);padding-inline-start:32px}.how-it-works ol{gap:20px;margin:20px 0 0;padding:0;list-style:none;display:grid}.how-it-works li{align-items:baseline;gap:16px;display:flex}.how-it-works li>span{color:var(--color-muted);font-size:.75rem}.how-it-works p:not(.eyebrow){color:var(--color-muted);max-width:34ch;margin-block-start:3px;font-size:.875rem}.notice{background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:10px;align-items:baseline;gap:20px;padding:16px 20px;font-size:.8125rem;display:flex}.notice strong{flex-shrink:0}.notice p{max-width:100ch}.network-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-block-start:20px;padding:16px;display:flex}.feedback{margin-block:16px;font-size:.875rem}.feedback:has(p:empty):not(:has(a,.error)){margin-block:20px}.feedback p:empty{display:none}.wallet-panel{border-block:1px solid var(--color-border);padding-block:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-block-end:24px;display:flex}.section-heading .eyebrow{margin-block-end:8px}.balances{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0 0 16px;display:grid}.stat dt{color:var(--color-muted);margin-block-end:6px;font-size:.8125rem}.stat dd{overflow-wrap:anywhere;margin:0;font-size:1.875rem;font-weight:500;line-height:1.3}.stat dd small{color:var(--color-muted);margin-inline-start:8px;font-size:.75rem}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:40px;margin-block:36px;display:grid}.create-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:28px}.create-panel>.muted{font-size:.875rem}.create-panel .section-heading{margin-block-end:16px}.round-icon{border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.fields{margin-block-start:24px}label{margin-block-end:7px;font-size:.8125rem;font-weight:600;display:block}label span{color:var(--color-muted);margin-inline-start:6px;font-weight:400}input,select{border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-width:0;padding:10px 12px;font-size:16px}input[aria-invalid=true]{border-color:var(--color-error)}.field-pair{grid-template-columns:1fr 1fr;gap:16px;margin-block:20px 10px;display:grid}#create-error:empty{display:none}.bond-summary{background:var(--color-subtle);border-radius:10px;margin-block:24px 16px;padding:16px}.bond-summary>span{font-size:.875rem}.bond-summary>strong{overflow-wrap:anywhere;margin-block:4px;font-size:1.75rem;display:block}.bond-summary p{color:var(--color-muted)}.actions{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.payment{gap:10px;margin-block:16px;display:grid}.payment .actions>button{flex:1}.circles-panel{min-width:0;padding-block:10px}.count{background:var(--color-subtle);vertical-align:middle;border-radius:99px;margin-inline-start:4px;padding:4px 10px;font-family:inherit;font-size:.8125rem}.compact{padding:8px 12px;font-size:.8125rem}.lookup{margin-block-end:24px}.lookup .actions{flex-wrap:nowrap}.lookup input{flex:1}.lookup button{flex-shrink:0}.empty{text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius);background:var(--color-subtle);flex-direction:column;align-items:center;padding:60px 24px;display:flex}.empty .mark{margin-block-end:24px}.empty p{color:var(--color-muted);max-width:36ch;margin-block-start:12px;font-size:.875rem}.circle-list{gap:12px;display:grid}.circle-row{text-align:start;border-color:var(--color-border);background:0 0;align-items:center;gap:16px;width:100%;padding:16px;font-weight:400;display:flex}.circle-row>span:nth-child(2){flex:1}.circle-row span>span{display:block}.circle-row.selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.circle-number{color:var(--color-muted);min-width:36px;font-family:Georgia,serif;font-size:1.75rem}.row-meta{text-align:end}.badge{border:1px solid var(--color-control-border);border-radius:99px;margin-block-end:4px;padding:2px 8px;font-size:.6875rem}.pagination{justify-content:space-between;align-items:center;gap:12px;margin-block:20px;display:flex}.pagination button{font-size:.8125rem}.read-status{color:var(--color-muted);margin-block-start:20px}.detail-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-block:32px;padding:32px}.detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-block:24px;display:grid}.detail-stats .stat dd{font-size:1.375rem}.schedule{background:var(--color-subtle);border-radius:8px;padding:16px;font-size:.875rem}.seat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-block:24px;display:grid}.seat{border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:7px;padding:14px;display:flex}.detail-actions{grid-template-columns:1fr 1fr;gap:40px;margin-block:32px;display:grid}.detail-actions h3{margin-block-end:14px}.detail-actions>div>.actions{margin-block:16px}.rules{border-block:1px solid var(--color-border);padding-block:24px}summary{cursor:pointer;padding-block:10px;font-weight:600}.rules div{max-width:75ch;color:var(--color-muted);margin-block:12px;font-size:.875rem}footer{gap:16px;padding-block:32px;display:grid}.footer-brand{align-items:center;gap:12px;font-size:.875rem;display:flex}.contract-links{flex-wrap:wrap;gap:24px;font-size:.8125rem;display:flex}.skip{inset-inline-start:16px;z-index:5;background:var(--color-surface);padding:12px;position:absolute;top:-100px}.skip:focus{top:16px}@media (prefers-reduced-motion:no-preference){button{transition:background-color .12s,scale .12s}button:active:not(:disabled){scale:.96}}@media (width<=960px){.shell{padding-inline:28px}.intro{gap:36px}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}.create-panel{padding:22px}.circle-row{flex-wrap:wrap;gap:10px}.row-meta{text-align:start;gap:12px;width:100%;margin-inline-start:46px;display:flex}}@media (width<=760px){.intro{grid-template-columns:1fr;gap:32px;padding-block:36px}.how-it-works{padding-inline-start:20px}.how-it-works p:not(.eyebrow){max-width:none}.workspace{grid-template-columns:1fr;gap:28px}.detail-stats{grid-template-columns:1fr 1fr}.detail-actions{grid-template-columns:1fr;gap:24px}.notice{flex-direction:column;gap:8px}.header{align-items:start}.wallet-nav{justify-content:end;gap:10px}.wallet-nav .network-badge{justify-content:end;width:100%}.network-warning{flex-direction:column;align-items:start}}@media (width<=480px){.shell{padding-inline:20px}.header{gap:12px;padding-block:20px}.brand{gap:8px;font-size:28px}.wallet-nav{font-size:.75rem}.wallet-nav button{padding-inline:12px}.section-heading{flex-wrap:wrap}.balances{grid-template-columns:1fr;gap:18px}.balances .stat{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.balances .stat dt{max-width:45%}.balances .stat dd{text-align:end;max-width:55%;font-size:1.5rem}.detail-panel,.create-panel{padding:20px}.field-pair{gap:12px}.field-pair label span{margin-inline-start:0;display:block}.circle-number{font-size:1.5rem}.detail-stats{gap:16px}.detail-stats .stat dd{font-size:1.125rem}.contract-links{flex-direction:column;gap:16px}}@media (forced-colors:active){:focus-visible{outline-color:highlight}.circle-row.selected{border:2px solid highlight}}
