@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-800.woff2') format('woff2');font-weight:800;font-display:swap}@font-face{font-family:Plex;src:url('/assets/fonts/mono.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--bg:#080808;--panel:#101010;--panel-2:#181818;--line:#292929;--ink:#f3f3f5;--muted:#acacb4;--dim:#96969e;--accent:#adbcff;--rail:74px;--top:75px;--mono:Plex,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.44}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,a{touch-action:manipulation}b,strong{font-weight:800}i[data-icon]{display:inline-flex;font-style:normal}svg.ui-icon{width:18px;height:18px;vertical-align:middle;flex:none}.skip{position:fixed;top:10px;left:10px;z-index:30;background:#eee;color:#111;padding:8px 14px;transform:translateY(-160%)}.skip:focus{transform:none}.sidebar{position:fixed;z-index:6;inset:0 auto 0 0;width:var(--rail);background:#090a0e;border-right:1px solid #232733;display:flex;align-items:center;flex-direction:column}.rail-brand{display:grid;place-items:center;width:100%;height:var(--top);border-bottom:1px solid #21242e;flex:none}.rail-brand img{display:block}.sidebar nav{display:grid;gap:5px;padding-top:4px}.sidebar nav a,.rail-end{display:grid;place-items:center;width:44px;height:44px;color:var(--dim);border-radius:13px;transition:background .2s,color .2s,transform .2s}.sidebar nav a:hover,.rail-end:hover{background:#151923;color:var(--ink)}.sidebar nav a[aria-current=page]{background:#202534;color:var(--ink)}.sidebar nav a[aria-current=page] svg{animation:nav-pop .32s ease-out}.rail-end{margin:auto 0 12px}.toolbar{position:sticky;z-index:5;top:0;margin-left:var(--rail);background:#090a0ef5;border-bottom:1px solid #232733;backdrop-filter:blur(14px)}.toolbar-inner{min-height:calc(var(--top) - 1px);max-width:1500px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:26px;padding:0 30px 0 6.8%}.search-trigger{display:flex;align-items:center;gap:10px;flex:1;max-width:695px;min-width:0;height:43px;padding:0 13px 0 16px;background:#11131a;border:1px solid #282d3a;border-radius:30px;color:var(--muted);text-align:left;transition:border-color .2s}.search-trigger:hover{border-color:#4a536b}.search-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger kbd{margin-left:auto;font:11px var(--mono);white-space:nowrap;padding:1px 5px;background:#1b1e2b;border:1px solid #33394a;border-radius:6px;color:var(--dim)}.toolbar-actions{display:flex;gap:8px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid transparent;border-radius:100px;font-size:13px;line-height:1.25;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s}.button:not(:disabled):hover{transform:translateY(-2px)}.primary{background:#eef1fb;color:#131620;border-color:#eef1fb}.primary:not(:disabled):hover{background:var(--accent);border-color:var(--accent)}.secondary,.icon-only{background:#11131a;border-color:#2a2f3d;color:var(--ink)}.secondary:not(:disabled):hover,.icon-only:hover{background:#222737;border-color:#3c465e}.toolbar .button{min-height:38px;padding:8px 14px}.toolbar .icon-only{padding:0;width:38px}.button svg.ui-icon{width:15px;height:15px}.green-dot{width:7px;height:7px;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 11px #a5b7ff36;flex:none}
.workspace{margin-left:var(--rail);min-height:calc(100vh - var(--top));padding:26px 30px 0;background:url('/assets/contours.svg') right -170px top -148px / min(860px,96vw) auto no-repeat,radial-gradient(ellipse at 97% 0%,#111523 0%,transparent 32rem),var(--bg)}.workspace>[data-page],.app-footer{max-width:1440px;margin-inline:auto}.workspace>[data-page]{min-height:550px}.workspace>[data-page].page-enter{animation:page-in .34s ease-out both}.surface{border:1px solid var(--line);border-radius:17px;background:var(--panel);min-width:0}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:22px;align-items:center;min-height:545px;padding:58px 47px;position:relative;overflow:hidden;background:url('/assets/contours.svg') right -75px center / min(720px,86%) auto no-repeat,radial-gradient(ellipse at 79% 46%,#1b2030 0%,transparent 59%),linear-gradient(135deg,#11131b,#0d0f15 68%)}.hero-copy{min-width:0;align-self:center}.hero-intro,.eyebrow{font:600 10px/1.5 var(--mono);letter-spacing:.105em;color:var(--dim);margin:0}.hero-intro{display:flex;align-items:center;gap:9px}.hero h1{margin:13px 0 10px;font:800 clamp(69px,6.45vw,111px)/1.01 Manrope,Arial;letter-spacing:-.073em}.hero h1 span{color:var(--accent)}.hero-rule{width:31px;height:1px;background:#363d4f;margin:17px 0 19px}.hero-description{color:var(--muted);font-size:16px;max-width:485px;margin:0 0 25px;line-height:1.7}.platform{display:inline-flex;align-items:center;gap:4px;color:#e8ebf5;font-weight:600;white-space:nowrap}.platform .ui-icon{width:13px;height:13px}.platform[data-platform=spotify] svg{color:#60d982}.platform[data-platform=twitch] svg{color:#ab8bf4}.hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero-actions .button{min-height:44px;padding:11px 19px;font-size:14px}.hero-feature{min-width:0;align-self:center;margin-top:26px}.hero-profile{width:min(100%,235px);min-height:278px;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(147deg,#1c2030,#12151e 65%);border:1px solid #323a50;border-radius:17px;padding:13px 12px 17px;box-shadow:0 24px 45px #0007;animation:card-in .43s ease-out both;transition:border-color .2s,box-shadow .2s}.hero-profile:hover{border-color:#6d7eb1;box-shadow:0 25px 50px #000b}.hero-profile .reference{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;white-space:nowrap;font:9px var(--mono);letter-spacing:.09em;color:#c5d0db}.reference b{font-weight:400;color:var(--dim)}.hero-profile .portrait{width:87px;height:87px;border-radius:50%;border:2px solid #4b5571;margin-top:19px;object-fit:cover;background:#1c2030;box-shadow:0 0 0 4px #ffffff08}.hero-profile h2{font-size:21px;line-height:1.2;margin:17px 0 4px;letter-spacing:-.035em}.hero-profile p{color:var(--muted);font-size:12px;margin:0}.hero-profile>a{color:#c0ccd8;margin-top:auto;font-size:11px;display:flex;align-items:center;gap:5px}.hero-profile>a:hover{color:var(--accent)}.hero-profile>a svg{width:13px;height:13px}.carousel-controls{display:flex;align-items:center;gap:8px;margin:27px 0 0;font:11px var(--mono);color:var(--muted)}.carousel-controls>a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:600 12px Manrope,Arial;color:var(--muted);white-space:nowrap}.carousel-controls>a:hover{color:var(--ink)}.carousel-controls>a svg{width:15px}.round{width:32px;height:32px;border-radius:50%;border:1px solid #2c3345;background:#131620;color:#d0dce7;display:grid;place-items:center;padding:0;transition:background .2s}.round:hover{background:#282f44}.round svg{width:14px;height:14px}.enter{animation:enter .67s cubic-bezier(.2,.75,.2,1) var(--delay,0s) both}@keyframes enter{from{opacity:0;transform:translateY(13px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes card-in{from{opacity:.4;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}@keyframes page-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes nav-pop{50%{transform:scale(1.15)}}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px}.quick{min-height:134px;display:flex;justify-content:space-between;flex-direction:column;padding:16px 18px;transition:transform .24s,border-color .24s,background .24s}.quick:hover{transform:translateY(-3px);border-color:#424a60;background:#171a24}.quick>div:last-child{display:flex;align-items:center;justify-content:space-between}.quick strong{font-size:14px}.quick>div:last-child>span{font:10px var(--mono);color:var(--muted)}.avatar-stack{display:flex;align-items:center;padding:8px 0}.avatar-stack img{width:37px;height:37px;object-fit:cover;border-radius:50%;border:2px solid #1b2030;background:#262d3e}.avatar-stack img+img{margin-left:-7px}.quick-metrics{display:flex;gap:28px}.quick-metrics b{display:block;font:800 24px Manrope,Arial}.quick-metrics span,.spark span{font-size:10px;color:var(--muted)}.spark{min-height:47px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #2f384c;padding-bottom:5px}.spark i{height:var(--bar,8px);width:7px;border-radius:3px;background:#8da3e6;animation:rise .7s ease-out both;transform-origin:bottom}@keyframes rise{from{transform:scaleY(.05)}to{transform:scaleY(1)}}.home-featured{margin-top:32px}.section-line,.page-intro,.sheet-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.section-line{margin-bottom:13px}.section-line h2{font:800 23px/1.25 Manrope,Arial;margin:3px 0 0;letter-spacing:-.04em}.quiet-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#bac7d6;font-weight:600}.quiet-link:hover{color:var(--accent)}.quiet-link svg{width:13px;height:13px}.profile-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.profile-tile{padding:14px;display:grid;gap:8px;transition:border-color .2s,background .2s}.profile-tile:hover{border-color:#4b5876;background:#161923}.tile-top{display:flex;justify-content:space-between;gap:4px;align-items:start}.tile-top img{width:49px;height:49px;border-radius:50%;object-fit:cover;background:#262d3e;border:1px solid #3a4256}.tile-top .tag{font-size:9px;padding:4px 6px}.profile-tile h3{font-size:14px;margin:0;overflow-wrap:anywhere;letter-spacing:-.025em}.profile-tile p{font:10px var(--mono);color:var(--muted);margin:0;overflow-wrap:anywhere}.tile-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px}.tile-actions button{font-size:11px}.directory-tools{display:flex;align-items:center;gap:14px;padding:12px 15px;margin-bottom:14px}.directory-tools label{display:flex;align-items:center;gap:7px;white-space:nowrap}.directory-tools input{margin:0;flex:1}.directory-tools>span{font:11px var(--mono);color:var(--muted);white-space:nowrap}.directory-empty{padding:24px;grid-column:1/-1;color:var(--muted)}
.page-intro{margin-bottom:26px;min-height:112px;padding:1px 0 6px}.page-intro h1{font:800 clamp(29px,3.55vw,52px)/1.13 Manrope,Arial;letter-spacing:-.056em;margin:8px 0}.page-intro p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0;max-width:650px}.tag{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 9px;border:1px solid #333a4c;background:#1b2230;border-radius:6px;font:10px var(--mono);letter-spacing:.035em;color:#c6d4df}.studio-layout,.receipt-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:18px;align-items:start}.sheet,.summary,.receipt-card,.history-sheet,.analytics-card,.info,.faq-list{padding:20px 23px}.sheet-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:14px}.sheet-toolbar>span{font-size:11px;color:var(--dim);text-align:right}.head-actions{display:flex;gap:12px;flex-wrap:wrap}.text-button{background:none;border:0;color:#c9cedf;font-size:12px;font-weight:600;border-radius:4px;padding:4px 1px;white-space:nowrap}.text-button:not(:disabled):hover{color:var(--accent)}.example-note{background:#1a2239;border:1px solid #374669;padding:10px 12px;border-radius:6px;font-size:12px;margin-top:14px;color:#d1d9ff}.editor-step{padding:20px 0;border-bottom:1px solid var(--line)}.editor-step.compact{padding-bottom:0;border-bottom:0}.editor-step h2,.sheet-head h2{font:800 17px/1.22 Manrope,Arial;letter-spacing:-.025em;margin:0}.editor-step h2{display:flex;align-items:center;gap:8px}.editor-step h2 span{font:10px var(--mono);color:#c8d3df;padding:4px 5px;border:1px solid #353c51;background:#1e2534;border-radius:5px}.editor-step p{color:var(--muted);font-size:13px;margin:7px 0 14px}.editor-step.compact p{margin-bottom:0}.plan-fields,.receipt-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr) minmax(0,.9fr);gap:8px}.receipt-fields{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}label{display:block;font-size:12px;font-weight:600;min-width:0;color:#d4deea}label small{font:9px var(--mono);text-transform:uppercase;color:var(--dim)}input,select{display:block;width:100%;min-width:0;height:41px;padding:8px 10px;border:1px solid #30364a;border-radius:8px;background:#171a25;font-size:13px;font-weight:600;margin-top:5px;color:var(--ink)}input::placeholder{color:#9097ac;font-weight:400}input[aria-invalid=true]{border-color:#b96a5e}select{padding-right:4px}.person{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,.66fr) 31px;gap:8px;align-items:end;margin-bottom:11px}.person .wallet-field{grid-column:1/-1}.person .wallet-field input{font:12px var(--mono);height:35px}.remove{width:31px;height:41px;border:1px solid #303549;border-radius:8px;background:#191e2c;color:#d1b0a9;font-size:17px}.remove:not(:disabled):hover{background:#36231f}.line-head{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:11px;color:var(--muted);margin-top:3px}.line-head b{font:10px var(--mono);margin-left:4px;color:#d9e6f1}.add-link{color:var(--accent);margin-top:4px}.summary{position:sticky;top:calc(var(--top) + 14px)}.summary-top,.budget-summary,.history-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.summary-top>span:first-child{font:10px var(--mono);color:var(--dim);letter-spacing:.07em}.summary-title{display:flex;gap:12px;align-items:center;padding:13px 0 18px;border-bottom:1px solid var(--line);min-width:0}.summary-title img{width:48px;height:48px;border-radius:12px;border:1px solid #353c51;background:#232a3e;flex:none}.summary-title h2{margin:0;font:800 19px/1.25 Manrope,Arial;letter-spacing:-.035em;overflow-wrap:anywhere}.summary-title span{font:10px var(--mono);color:var(--muted)}.split-ring{width:136px;height:136px;border-radius:50%;display:grid;place-items:center;margin:22px auto;background:conic-gradient(var(--accent) 100%,#262c3c 0);transition:background .2s}.split-ring>div{display:grid;place-content:center;justify-items:center;width:120px;height:120px;border-radius:50%;background:var(--panel)}.split-ring b{font:800 26px Manrope,Arial;letter-spacing:-.045em}.split-ring span{color:var(--dim);font:9px var(--mono);letter-spacing:.08em}.share-bar{display:none}.summary-rows{list-style:none;margin:0;padding:0}.summary-rows li{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:5px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}.summary-rows .dot{width:6px;height:6px;border-radius:50%;background:var(--row-color)}.profile-name{overflow-wrap:anywhere}.profile-name a{color:#c3ccff}.share-val{font:10px var(--mono);text-align:right;color:#cbd8e5}.use-receipt{grid-column:2/-1;justify-self:start;font-size:10px;color:var(--accent)}.budget-summary{padding:10px 0 4px;font-size:12px;color:var(--muted)}.budget-summary strong{color:var(--ink);overflow-wrap:anywhere;text-align:right}.summary-message{color:var(--muted);font-size:12px;margin:6px 0 12px;min-height:16px}.summary-message.invalid{color:#edb4a8}.export-actions{display:flex;gap:7px;flex-wrap:wrap}.footnote{font-size:11px;color:var(--muted);margin:11px 0 0;line-height:1.55}
.sheet-head{align-items:center;margin-bottom:15px}.sheet-head span{font-size:12px;color:var(--muted)}.receipt-card form{display:grid;gap:11px}.receipt-card form .button{justify-self:start}.result{border:1px solid #394c5b;background:#1a2934;border-radius:8px;padding:11px 12px;margin-top:13px;animation:page-in .28s ease-out both}.result.matched{border-color:#46746e;background:#1b312f}.result.error,.result.failed,.result.mismatch{border-color:#795047;background:#2a1c18}.result strong{font-weight:800;font-size:14px}.result p{font-size:12px;margin:5px 0;color:#d0dbe7}.result .facts{display:flex;gap:6px 12px;flex-wrap:wrap;font:10px/1.6 var(--mono);color:#c7dedc}.result a{font-size:11px;color:var(--accent)}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.history-row strong,.history-row small{display:block;font-size:11px;overflow-wrap:anywhere}.history-row small,.empty,.history-foot{color:var(--muted);font-size:10px}.empty{padding:13px 0;margin:0;border-top:1px solid var(--line)}.history-foot{min-height:35px;border-top:1px solid var(--line);margin-top:5px}.analytics-metrics,.transparency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analytics-card,.faq-list{margin-top:14px}.stat{padding:16px 19px}.stat span{font-size:12px;color:var(--muted)}.stat b{display:block;font:800 33px Manrope,Arial;margin:4px 0;letter-spacing:-.04em}.bar-row{display:grid;grid-template-columns:110px minmax(0,1fr) 24px;gap:8px;align-items:center;margin:10px 0;font-size:12px}.bar-track{height:7px;border-radius:9px;background:#252b3d;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--accent);border-radius:9px;animation:bar-reveal .45s ease-out both;transform-origin:left}@keyframes bar-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}.info h2{font:800 22px/1.15 Manrope,Arial;letter-spacing:-.04em;margin:8px 0}.info p{color:var(--muted);font-size:13px;margin:0 0 10px}.faq-list details{border-bottom:1px solid var(--line);padding:12px 0}.faq-list details:last-child{border:0}.faq-list summary{cursor:pointer;font-weight:800}.faq-list details p{font-size:13px;color:var(--muted);margin:7px 0 0;max-width:700px}.app-footer{border-top:1px solid #272d3d;margin-top:36px;padding:17px 0 23px;display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.app-footer>a,.app-footer>div{display:flex;align-items:center;gap:8px}.app-footer>a{font-weight:800;color:var(--ink)}.app-footer a:hover{color:var(--accent)}
dialog{width:min(520px,calc(100% - 26px));margin:11vh auto auto;padding:0;border:1px solid #343e54;border-radius:14px;background:#161923;color:var(--ink);box-shadow:0 18px 60px #000a}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog[open]{animation:page-in .22s ease-out both}.search-box{display:flex;gap:10px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line)}.search-box input{margin:0;border:0;background:none;flex:1;font-size:15px}.search-box input:focus-visible{outline:none}.search-box button{border:1px solid #333b51;padding:3px 6px;font:10px var(--mono)}#search-results{max-height:54vh;overflow:auto;padding:7px}.search-item{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 9px;background:none;border:0;border-radius:6px;color:var(--ink);font-size:13px}.search-item:hover,.search-item:focus-visible{background:#252c42}.search-item img{width:23px;height:23px;object-fit:cover;border-radius:50%}.search-item span:last-child{margin-left:auto;color:var(--muted);font:10px var(--mono)}.search-empty{padding:9px;color:var(--muted);font-size:13px}#toast{position:fixed;z-index:20;bottom:16px;right:16px;max-width:calc(100vw - 32px);padding:10px 13px;border-radius:7px;border:1px solid #394461;background:#1c263b;color:var(--ink);opacity:0;pointer-events:none;transform:translateY(10px);transition:.22s;font-size:12px}#toast.active{opacity:1;transform:none}.noscript{position:fixed;bottom:0;width:100%;z-index:30;background:#34211b;padding:10px;margin:0}
@media(max-width:1100px){.toolbar-inner{padding-left:28px}.workspace{padding-inline:24px}.hero{padding:46px 34px;min-height:500px}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-layout,.receipt-layout{grid-template-columns:minmax(0,1.53fr) minmax(0,1fr)}.sheet,.summary,.receipt-card,.history-sheet{padding:17px}}
@media(max-width:780px){:root{--rail:58px;--top:63px}.sidebar nav a,.rail-end{width:38px;height:39px;border-radius:9px}.rail-brand img{width:31px;height:31px}.toolbar-inner{padding-inline:16px;gap:10px}.workspace{padding:18px 16px 0}.hero{padding:31px 22px;min-height:410px}.hero h1{font-size:clamp(55px,9vw,77px)}.hero-description{font-size:14px}.hero-actions .button{font-size:12px;padding-inline:13px}.hero-profile{min-height:245px}.hero-profile .portrait{width:73px;height:73px}.hero-profile h2{font-size:18px}.carousel-controls{margin-top:16px}.carousel-controls>a{font-size:10px}.quick{min-height:105px;padding:10px 12px}.avatar-stack img{width:29px;height:29px}.quick-metrics{gap:12px}.quick-metrics b{font-size:20px}.studio-layout,.receipt-layout{grid-template-columns:1fr}.summary{position:static}.page-intro{min-height:86px}.transparency-grid{gap:8px}.info{padding:12px}.app-footer{margin-top:25px}}
@media(max-width:570px){:root{--rail:0px;--top:56px}.sidebar{width:100%;height:54px;inset:auto 0 0;flex-direction:row;border-right:0;border-top:1px solid #292f40;justify-content:center;background:#0c0e14f9;backdrop-filter:blur(12px)}.sidebar nav{display:flex;gap:4px;justify-content:space-evenly;width:100%;max-width:420px;padding:0 8px}.sidebar nav a{width:39px;height:38px}.rail-brand,.rail-end{display:none}.toolbar-inner{padding:0 12px;gap:7px}.search-trigger{height:36px;padding:0 9px;font-size:12px;gap:5px}.search-trigger svg{width:15px}.search-trigger kbd,.toolbar .icon-only,.check-top>span{display:none}.toolbar .button{min-height:35px;padding:7px 11px;font-size:12px}.toolbar-actions{gap:5px}.workspace{padding:12px 12px 56px}.hero{grid-template-columns:1fr;gap:18px;min-height:0;padding:25px 20px 20px;border-radius:14px}.hero h1{font-size:64px;margin-top:8px}.hero-rule{margin-block:10px 13px}.hero-description{margin-bottom:16px;line-height:1.58}.hero-feature{margin-top:0}.hero-profile{min-height:225px;width:206px;border-radius:13px}.hero-profile .portrait{width:64px;height:64px;margin-top:13px}.hero-profile h2{margin-top:10px}.carousel-controls{margin-top:12px}.quick-grid{gap:6px;margin-top:12px}.quick{border-radius:10px;min-height:86px;padding:8px}.avatar-stack img{width:21px;height:21px}.avatar-stack img+img{margin-left:-6px}.quick strong{font-size:11px}.quick>div:last-child>span{display:none}.quick-metrics{gap:7px}.quick-metrics b{font-size:16px}.quick-metrics span,.spark span{font-size:8px;line-height:1.15}.spark{min-height:31px}.home-featured{margin-top:21px}.profile-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profile-tile{padding:10px;border-radius:10px}.tile-top img{width:36px;height:36px}.directory-tools{flex-wrap:wrap;padding:9px;gap:5px}.directory-tools input{flex-basis:100%;order:3}.page-intro{align-items:start;flex-wrap:wrap;gap:7px;margin-bottom:14px;min-height:0;padding:5px 0}.page-intro p:not(.eyebrow){font-size:13px}.page-intro h1{font-size:31px}.sheet,.summary,.receipt-card,.history-sheet,.analytics-card,.faq-list{padding:12px}.studio-layout,.receipt-layout{gap:10px}.head-actions{gap:6px}.text-button{font-size:11px}.sheet-toolbar>span{font-size:9px}.person{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) minmax(0,.6fr) 25px;gap:4px}.person select,.person input{padding-inline:5px;font-size:11px}.person label{font-size:10px}.remove{width:25px}.plan-fields{grid-template-columns:1fr 1fr}.name-field{grid-column:1/-1}.receipt-fields,.transparency-grid{grid-template-columns:1fr}.analytics-metrics{gap:6px}.stat{padding:9px}.stat span{font-size:10px}.stat b{font-size:23px}.bar-row{grid-template-columns:85px minmax(0,1fr) 16px;font-size:11px}.app-footer{flex-wrap:wrap}.app-footer>span{width:100%;order:3}#toast{bottom:65px}}
.home-lower{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.home-lower .sheet-head h2{font-size:17px;margin:0}.home-steps{margin:0;padding-left:20px;color:var(--muted);font-size:12px}.home-steps li{padding:4px 0}.home-steps li::marker{color:var(--accent)}.recent-row{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:7px 0;font-size:12px}.recent-row small{color:var(--muted);font:10px var(--mono)}@media(max-width:570px){.home-lower{grid-template-columns:1fr;gap:8px;margin-top:15px}}

/* A short, non-blocking brand reveal on document entry. */
.brand-intro{position:fixed;z-index:40;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 51%,#1b1b21 0%,#101012 43%,var(--bg) 78%);animation:brand-intro-exit 1240ms cubic-bezier(.32,.02,.24,1) both}
.brand-intro:before{content:'';position:absolute;width:min(73vw,330px);aspect-ratio:1;border:1px solid #adbcff2b;border-radius:50%;animation:brand-intro-ring 1130ms cubic-bezier(.17,.76,.23,1) both}
.brand-intro__lockup{position:relative;display:flex;align-items:center;gap:14px;padding:0 6px 16px;font:800 36px/1 Manrope,Arial,sans-serif;letter-spacing:-.065em;color:var(--ink)}
.brand-intro__lockup img{width:66px;height:66px;filter:drop-shadow(0 6px 24px #a5b7ff30);animation:brand-intro-mark 710ms cubic-bezier(.19,.85,.22,1) both}
.brand-intro__lockup>span{animation:brand-intro-name 640ms cubic-bezier(.19,.8,.24,1) 130ms both}
.brand-intro__dot{color:var(--accent)}
.brand-intro__lockup:after{content:'';position:absolute;left:7px;right:7px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:brand-intro-line 720ms cubic-bezier(.19,.8,.24,1) 115ms both}
@keyframes brand-intro-exit{0%,58%{visibility:visible;opacity:1}100%{visibility:hidden;opacity:0}}
@keyframes brand-intro-ring{from{opacity:0;transform:scale(.32)}35%{opacity:.75}to{opacity:0;transform:scale(1.12)}}
@keyframes brand-intro-mark{from{opacity:0;transform:translateY(8px) scale(.81) rotate(-10deg);clip-path:inset(24% 7% round 14px)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes brand-intro-name{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes brand-intro-line{from{opacity:0;transform:scaleX(.08)}to{opacity:.62;transform:scaleX(1)}}
@media(max-width:570px){.brand-intro__lockup{font-size:32px;gap:12px}.brand-intro__lockup img{width:56px;height:56px}}

.directory-refine{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px}
.directory-filters{display:flex;align-items:center;gap:6px;min-width:0}
.directory-filters button,.directory-shuffle{min-height:34px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font:600 12px Manrope,Arial,sans-serif;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.directory-filters button[aria-pressed="true"]{background:#1b2031;border-color:#424f78;color:var(--accent)}
.directory-filters button:hover,.directory-shuffle:not(:disabled):hover{border-color:#4b5876;color:var(--ink)}
.directory-shuffle{display:flex;align-items:center;gap:6px}
.directory-shuffle .ui-icon{width:14px;height:14px}
.directory-shuffle:disabled{opacity:.45;cursor:default}
.directory-grid .profile-kind{letter-spacing:.035em;text-transform:uppercase}
.directory-grid [data-profile-kind="company"] .tile-top img{border-radius:11px;object-fit:contain}
.directory-grid [data-profile-kind="company"] .profile-kind{background:#1b2031;border-color:#384565;color:#bdcaff}
.directory-grid [data-profile-kind="person"] .profile-kind{background:#171a23;border-color:var(--line);color:var(--muted)}
@media(max-width:570px){.directory-refine{margin-bottom:9px;gap:5px;flex-wrap:wrap}.directory-filters{gap:4px}.directory-filters button,.directory-shuffle{padding:5px 8px;font-size:11px;min-height:33px}.directory-shuffle{gap:4px}.directory-grid [data-profile-kind="company"] .tile-top img{border-radius:8px}}

/* The home has its own graphite editorial layout and a horizontal directory. */
.workspace{background:url('/assets/contours.svg') right -232px top -208px / min(780px,96vw) auto no-repeat,radial-gradient(ellipse at 94% 0%,#111 0%,transparent 30rem),var(--bg)}
.sidebar,.toolbar{background:#090909;border-color:#202020}
.hero{min-height:460px;grid-template-columns:1fr .98fr;gap:clamp(24px,4vw,60px);background:radial-gradient(ellipse at 94% 10%,#191a22 0%,transparent 55%),#101011;border-color:#29292c}
.hero-brand{display:flex;align-items:center;gap:9px;color:#c8cbd7;font:600 10px/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px}
.hero-brand img{border-radius:5px}
.hero h1{color:#f0f0f2;font-size:clamp(44px,5.7vw,84px);letter-spacing:-.067em;margin:0 0 20px}
.hero h1 span{display:block;color:#adbafb}
.hero-description{max-width:435px}
.hero-actions{gap:10px}
.hero-actions .primary{background:#f4f4f5;color:#101011;border-color:#f4f4f5}
.hero-actions .primary:hover{background:#dddfe8}
.hero-actions .secondary{background:transparent;border-color:#303032}
.spotlight{margin-top:0;padding:clamp(12px,1.9vw,24px);border:1px solid #30313a;border-radius:15px;background:radial-gradient(ellipse at 92% 0%,#212431,transparent 78%),#131316;box-shadow:0 18px 45px #0006}
.spotlight-header{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.spotlight-header .eyebrow{color:#b0b7ce;white-space:nowrap}
.spotlight-line{height:1px;flex:1;background:linear-gradient(90deg,#505771,#272935)}
.hero-profile{width:100%;min-height:0;padding:12px;display:grid;grid-template-columns:clamp(43px,5.5vw,64px) minmax(0,1fr) auto;gap:12px;text-align:left;border-radius:11px;background:#191a20;border-color:#343641;box-shadow:none}
.hero-profile:hover{border-color:#535a73;box-shadow:none}
.hero-profile .portrait{width:100%;height:auto;aspect-ratio:1;margin:0;border-radius:10px;background:#22242d;border:1px solid #44495a;box-shadow:none}
.hero-profile[data-profile-kind="company"] .portrait{object-fit:contain;background:#ededee}
.spotlight-info{min-width:0}
.spotlight-info>span{display:block;color:#adbafb;font:600 9px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.07em}
.spotlight-info h2{margin:3px 0;color:#f0f0f2;font-size:clamp(14px,2vw,21px);overflow-wrap:anywhere}
.spotlight-info p{font-size:11px;overflow-wrap:anywhere}
.hero-profile>a{display:grid;place-items:center;width:33px;height:33px;margin:0;border:1px solid #383b48;border-radius:8px;background:#20222b;color:#d0d5e6}
.hero-profile>a:hover{border-color:#6977a6;background:#262b3c}
.spotlight .carousel-controls{margin-top:13px;gap:6px}
.spotlight .carousel-controls>a{margin:0 auto 0 0}
.spotlight .round{width:29px;height:29px}
.directory-strip{display:block;margin-top:17px;padding:15px 16px;background:#111112;transition:border-color .2s,background .2s}
.directory-strip:hover{border-color:#424655;background:#151517}
.directory-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.directory-strip-head strong{display:block;margin-top:3px;font-size:16px}
.directory-strip-head>span{display:inline-flex;align-items:center;gap:6px;color:#bfc9f4;font-size:12px;white-space:nowrap}
.directory-strip-head>span svg{width:15px;height:15px}
.directory-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.directory-person{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 8px;border:1px solid #2c2e36;border-radius:9px;background:#17181c}
.directory-person img{width:30px;height:30px;flex:0 0 30px;border-radius:7px;object-fit:cover;background:#252732}
.directory-person[data-profile-kind="company"] img{object-fit:contain;background:#ededee}
.directory-person>div{min-width:0}
.directory-person b,.directory-person small{display:block}
.directory-person b{font-size:11px;line-height:1.25;overflow-wrap:anywhere}
.directory-person small{margin-top:2px;color:var(--dim);font:9px/1.25 var(--mono)}
.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:13px}
.quick{padding:14px;gap:14px;background:#0f0f0f;overflow:hidden}
.quick:hover{background:#141414;border-color:#3b3b40}
.quick-footer{padding:0 2px 2px}
.quick-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.quick-metrics>div{padding:9px 10px;border:1px solid #2a2a2d;border-radius:9px;background:#171718}
.quick-metrics b{font-size:clamp(16px,1.6vw,22px);line-height:1.15}
.quick-metrics span,.quick-activity>span{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}
.quick-activity{padding:1px 2px 0}
.quick-activity>b{display:block;color:var(--ink);font:800 clamp(22px,2.6vw,32px)/1.15 Manrope,Arial}
.quick-activity .spark{min-height:40px;margin-top:5px;border-color:#49494c}
.quick-activity>p{margin:10px 0 0;color:var(--dim);font-size:11px;line-height:1.45}
@media(max-width:1050px){.directory-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.hero{min-height:392px;gap:15px}.hero h1{font-size:clamp(38px,6.5vw,58px)}.spotlight-info p{font-size:10px}.spotlight .carousel-controls>a{gap:3px}.quick{padding:10px;gap:11px}}
@media(max-width:570px){.hero{grid-template-columns:1fr;min-height:0;gap:20px}.hero h1{font-size:clamp(42px,11.5vw,56px);margin-bottom:14px}.hero-brand{margin-bottom:11px}.hero-profile{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;padding:9px}.spotlight .carousel-controls>a svg{width:13px}.directory-strip{padding:12px;margin-top:11px}.directory-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.directory-person{padding:5px 6px}.quick-grid{grid-template-columns:1fr;gap:8px;margin-top:9px}.quick strong{font-size:13px}.quick>div.quick-footer>span{display:inline;font-size:9px}}

.quick-payout-heading, .quick-payout-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.quick-payout-heading h2 { margin: 0; font-size: 16px; }
.quick-payments .quick-metrics span { margin: 0 0 5px; }
.quick-payments .quick-metrics b {
  font-size: clamp(12px, 2vw, 20px);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
#home-payout-verified { color: #9ed4b6; }
.quick-payout-footer { font-size: 11px; }
#home-payout-note { min-width: 0; color: var(--muted); overflow-wrap: anywhere; }
.quick-payout-footer > span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--accent);
  flex: none;
}
.quick-payout-footer .ui-icon { width: 13px; height: 13px; }

.payout-setup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
}
.payout-setup .button { min-height: 40px; }
#payout-setup-message:empty { display: none; }
.payout-panel {
  padding: clamp(14px, 2.2vw, 26px);
  margin-bottom: 16px;
}
.payout-panel .sheet-head { align-items: start; gap: 12px; }
.payout-panel .sheet-head > a { text-align: right; }
.payout-panel .sheet-head h2 { margin-top: 0; }
.payout-meta {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0 18px;
}
.payout-meta label {
  display: grid;
  gap: 5px;
  width: min(100%, 380px);
  color: var(--muted);
  font-size: 12px;
}
.payout-meta select {
  width: 100%;
  min-height: 38px;
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-2);
}
.payout-meta p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
}
#payout-payer { font-family: var(--mono); color: var(--ink); }
.payout-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.payout-metrics > div {
  display: grid;
  gap: 5px;
  align-content: start;
  padding: clamp(8px, 1.3vw, 16px);
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel-2);
}
.payout-metrics span { color: var(--muted); font-size: 11px; }
.payout-metrics strong {
  font-size: clamp(13px, 2vw, 24px);
  line-height: 1.2;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
#payout-verified { color: #9ed4b6; }
.payout-rows { list-style: none; margin: 15px 0 0; padding: 0; }
.payout-row {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) auto minmax(120px, .65fr);
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}
.payout-row strong, .payout-row small { display: block; overflow-wrap: anywhere; }
.payout-row small { color: var(--muted); margin-top: 2px; }
.payout-action { text-align: right; }
.payout-state.verified { color: #a1d9ba; background: #17241f; border-color: #334b40; }
.receipt-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-2);
  font-size: 12px;
}
.receipt-context span { overflow-wrap: anywhere; }
.receipt-context button { flex-shrink: 0; }
#receipt-form input[readonly] { color: var(--muted); }
#tx-signature { scroll-margin-top: calc(var(--top) + 24px); }
@media (max-width: 570px) {
  .payout-meta { flex-wrap: wrap; align-items: start; }
  .payout-meta label { width: 100%; }
  .payout-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 7px; }
  .payout-state { justify-self: start; }
  .payout-action, .payout-row > div:nth-child(2) { text-align: right; }
  .payout-setup { grid-template-columns: 1fr; }
  .payout-setup .button { justify-self: start; }
}

.home-rewards {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  padding: 13px 16px;
  border-color: #343544;
  background: linear-gradient(110deg, #171820, var(--panel) 70%);
  transition: border-color .2s, transform .2s;
}
.home-rewards:hover { border-color: var(--accent); transform: translateY(-2px); }
.home-rewards h2 { font-size: 16px; margin: 0; }
.home-rewards p { color: var(--muted); font-size: 12px; margin: 2px 0 0; }
.rewards-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: var(--accent);
  background: #20212b;
  border: 1px solid #3a3c4c;
  border-radius: 10px;
}
.home-rewards-stages { display: flex; gap: 5px; }
.home-rewards-stages span {
  padding: 4px 8px;
  border: 1px solid var(--line);
  border-radius: 20px;
  font-size: 11px;
  color: var(--muted);
}
.home-rewards-open {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent);
  font-size: 12px;
}
.home-rewards-open .ui-icon { width: 14px; height: 14px; }
.rewards-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 16px; }
.rewards-balance, .rewards-stages, .rewards-receipts, .rewards-guide { padding: clamp(16px, 2.3vw, 28px); }
.rewards-balance {
  background: radial-gradient(ellipse at 0 0, #222431 0%, transparent 72%), var(--panel);
}
.rewards-balance-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.rewards-balance h2 { margin: 18px 0 5px; font-size: 17px; }
.rewards-balance p { color: var(--muted); margin: 0 0 16px; font-size: 13px; }
.rewards-balance .rewards-amount { font: 600 14px var(--mono); }
.rewards-amount strong { font: 800 clamp(40px, 5vw, 60px)/1.1 Manrope, Arial; color: var(--ink); }
.rewards-balance #rewards-wallet-status { margin: 10px 0 0; overflow-wrap: anywhere; }
.rewards-stages dl { margin: 12px 0 0; }
.rewards-stages dl > div { padding: 11px 0; border-bottom: 1px solid var(--line); }
.rewards-stages dt { font-weight: 800; }
.rewards-stages dt small { margin-right: 6px; color: var(--accent); font: 12px var(--mono); }
.rewards-stages dd {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  margin: 3px 0 0 24px;
  font-size: 12px;
}
.rewards-stages dd strong { color: var(--ink); }
.rewards-receipts, .rewards-guide { margin-top: 15px; }
.rewards-receipt-list { list-style: none; margin: 0; padding: 0; }
.rewards-receipt-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 9px 0;
  border-top: 1px solid var(--line);
  font-size: 13px;
}
.rewards-receipt-list li span { flex: 1 1 120px; overflow-wrap: anywhere; }
.rewards-guide summary { cursor: pointer; font-weight: 800; }
.rewards-guide ol { padding-left: 22px; color: var(--muted); }
.rewards-guide li { margin-bottom: 5px; }
@media (max-width: 780px) {
  .home-rewards { grid-template-columns: auto minmax(0, 1fr) auto; }
  .home-rewards-stages { grid-row: 2; grid-column: 2 / -1; }
}
@media (max-width: 570px) {
  .rewards-layout { grid-template-columns: 1fr; gap: 10px; }
  .home-rewards { padding: 10px; gap: 7px; }
  .home-rewards-open { font-size: 11px; }
}