:root{--black:#090908;--charcoal:#151311;--espresso:#211d19;--taupe:#b7a493;--ivory:#eee3d4;--gold:#caa56f;--muted:#9c9185;--line:rgba(238,227,212,.17);--shadow:0 34px 90px rgba(0,0,0,.58)}*{box-sizing:border-box}html{background:#080807;color:var(--ivory);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 10%,#24211d 0,#100f0d 35%,#070706 75%);overflow-x:hidden}button,input,textarea,select{font:inherit}.topbar{height:86px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(16px,4vw,60px);background:rgba(8,8,7,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{width:150px;height:64px;object-fit:contain;object-position:center}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.icon-btn,.ghost-btn,.save-btn,.primary,.secondary,.danger,.open-cta,.close-folio{border:1px solid var(--line);border-radius:999px;padding:11px 16px;color:var(--ivory);background:#171512;cursor:pointer}.save-btn,.primary,.open-cta{background:linear-gradient(135deg,#d3b487,#9f7847);color:#15110c;border:0;font-weight:800}.ghost-btn:disabled{opacity:.35}.intro{text-align:center;padding:50px 18px 24px;max-width:850px;margin:auto}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,6vw,68px);margin:10px 0}.intro p{color:#b9afa3;line-height:1.7}.eyebrow{letter-spacing:.28em;font-size:11px;color:var(--gold);font-weight:700}.save-status{display:inline-flex;margin-top:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:#b9afa3;font-size:12px}.portfolio-stage{padding:20px 12px 60px;perspective:2200px}.folio{position:relative;width:min(1180px,94vw);height:min(720px,74vw);min-height:560px;max-height:720px;margin:10px auto;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.folio-shadow{position:absolute;inset:5% 2% -5%;border-radius:40px;background:#000;filter:blur(42px);opacity:.65}.cover,.folio-page{position:absolute;top:0;width:50%;height:100%;border-radius:20px;overflow:hidden}.front{left:25%;z-index:8;transform-origin:left center;transition:transform .95s cubic-bezier(.2,.8,.2,1),left .95s cubic-bezier(.2,.8,.2,1);background:linear-gradient(135deg,#27231f,#0e0d0c 72%);box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.04),inset 18px 0 30px rgba(255,255,255,.025)}.grain{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.08) 0 1px,transparent 1.4px);background-size:5px 5px;mix-blend-mode:soft-light}.front:after{content:"";position:absolute;top:-8%;bottom:-8%;left:45%;width:28%;border-left:2px solid rgba(238,227,212,.12);border-right:2px solid rgba(0,0,0,.65);border-radius:50%;transform:rotate(4deg);box-shadow:0 0 28px rgba(0,0,0,.4)}.front img{position:absolute;width:58%;height:42%;object-fit:contain;left:11%;top:21%;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}.cover-subtitle{position:absolute;left:13%;bottom:23%;letter-spacing:.28em;font-size:11px;color:#baaa98}.folio-page{display:none;background:linear-gradient(135deg,#24201c,#151210);border:1px solid rgba(238,227,212,.13);box-shadow:inset 0 0 0 8px #0e0d0c,inset 0 0 60px rgba(0,0,0,.5)}.left-page{left:0;border-radius:20px 3px 3px 20px;padding:28px}.right-page{left:50%;border-radius:3px 20px 20px 3px;padding:24px}.folio.open .front{left:50%;transform:rotateY(-178deg);pointer-events:none}.folio.open .folio-page{display:block}.folio-nav{display:grid;gap:8px}.nav-item{border:0;text-align:left;padding:13px 16px;border-radius:10px;color:#c8baa9;background:transparent;cursor:pointer}.nav-item.active,.nav-item:hover{background:linear-gradient(90deg,rgba(238,227,212,.12),transparent);color:#fff}.pocket{position:absolute;left:28px;right:28px;bottom:86px;height:205px;border:1px solid #51473f;border-radius:8px 8px 26px 26px;background:linear-gradient(145deg,#25211d,#12100f);box-shadow:inset 0 18px 35px rgba(0,0,0,.4)}.stored-card.sample{position:absolute;left:12%;right:12%;top:24px;height:110px;background:#0c0c0b;border:1px solid #6e5f50;padding:24px;box-shadow:0 15px 26px #0009}.stored-card.sample b{font-family:Georgia,serif;font-size:26px;font-weight:400}.stored-card.sample span{display:block;margin-top:12px;letter-spacing:.2em;font-size:9px}.close-folio{position:absolute;left:28px;right:28px;bottom:24px}.tool-area{height:100%;overflow:auto;padding:4px 8px 20px;scrollbar-width:thin}.panel{display:none}.panel.active{display:block}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:5px 0}.panel-head.compact h3{margin:0;font-weight:500}.secondary{background:transparent;border-color:#7e6a55}.danger{background:#291715;border-color:#6b3430;color:#e8c0ba}.stats,.summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stats>div,.summary>div,.chart,.calculator,.saved-item,.stored-card:not(.sample){padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(7,7,6,.5)}.stats span,.summary span{display:block;color:#9e9387;font-size:12px}.stats strong{display:block;font-size:24px;margin-top:6px}.chart{margin-top:14px}.bar{display:grid;grid-template-columns:70px 1fr 84px;gap:10px;align-items:center;margin:15px 0;font-size:12px}.bar i{height:9px;background:#28231e;border-radius:99px;overflow:hidden}.bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,#8d6841,#d7ba8a);transition:.35s}.bar em{text-align:right;font-style:normal}.notepad-workspace{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.24));padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.24)}.notepad-workspace input,.notepad-workspace textarea{width:100%;background:#0b0b0a;border:1px solid rgba(238,227,212,.15);color:var(--ivory);box-shadow:inset 0 1px 14px rgba(0,0,0,.3)}.notepad-workspace input{font:500 22px Georgia,serif;margin-bottom:12px}.notepad-workspace textarea{height:340px;resize:vertical;line-height:1.7;font-size:16px;padding:18px}.notepad-meta{display:flex;justify-content:space-between;gap:14px;margin-top:10px;color:#8f8579;font-size:12px}.form-grid,.entry-form,.report-meta,.transfer{display:grid;gap:10px}.form-grid{grid-template-columns:repeat(2,1fr)}.entry-form{grid-template-columns:1.1fr .9fr 1.1fr 1.4fr 1fr auto}.report-meta{grid-template-columns:1fr 150px;margin-bottom:12px}.transfer{grid-template-columns:1fr 1fr auto;margin-top:14px}.hidden{display:none!important}input,select,textarea{border:1px solid var(--line);background:#0f0e0d;color:var(--ivory);border-radius:9px;padding:12px;min-width:0}.table-wrap{overflow:auto;margin:14px 0}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}.summary{grid-template-columns:repeat(4,1fr)}.calculator{max-width:520px;margin:auto}.display{padding:18px;background:#050504;border-radius:12px;text-align:right;margin-bottom:12px;min-height:88px}.display small{display:block;min-height:18px;color:#8f8579}.display strong{font-size:38px}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.keys button{border:1px solid var(--line);background:#191714;color:#fff;border-radius:12px;padding:17px;font-size:18px}.keys .wide{grid-column:span 2}.keys .equals{background:#b58b58;color:#100d09}.saved-grid,.card-vault{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.saved-item h3,.stored-card h3{margin:0 0 8px;font-family:Georgia,serif;font-weight:400}.saved-item p,.stored-card p,.stored-card small{color:#b5aa9e}.item-actions{display:flex;gap:8px;margin-top:14px}.open-cta{display:block;margin:24px auto 0;min-width:180px}.folio.open+.open-cta{display:none}footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:30px 24px 38px;border-top:1px solid var(--line);color:#9e9387;font-size:12px;letter-spacing:.12em;min-height:112px;overflow:visible}.footer-wordmark{width:118px;height:62px;object-fit:contain;object-position:center;display:block;flex:0 0 auto}@media(max-width:900px){.folio{height:780px;max-height:none;width:96vw}.folio.open{height:auto;min-height:1120px}.folio.open .front{display:none}.folio.open .folio-page{position:relative;left:auto;width:100%;height:auto;min-height:510px}.left-page{border-radius:20px 20px 3px 3px}.right-page{border-radius:3px 3px 20px 20px}.pocket{display:none}.close-folio{position:static;width:100%;margin-top:14px}.entry-form{grid-template-columns:1fr 1fr}.entry-form button{grid-column:span 2}.summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{height:auto;min-height:80px;align-items:flex-start}.brand{width:110px;height:52px}.header-actions{justify-content:flex-end}.ghost-btn,.save-btn{font-size:12px;padding:9px 11px}.intro{padding-top:28px}.folio{height:580px;min-height:520px}.folio.open{min-height:1040px}.front{width:86%;left:7%}.front img{width:68%;height:45%;left:7%}.form-grid,.saved-grid,.card-vault,.transfer,.report-meta{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.entry-form{grid-template-columns:1fr}.entry-form button{grid-column:auto}.notepad-workspace{padding:16px}.notepad-workspace textarea{height:300px}.bar{grid-template-columns:60px 1fr}.bar em{grid-column:2}.summary{grid-template-columns:1fr 1fr}}
.card-form-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form-message{grid-column:1/-1;min-height:1.25em;margin:0;font-size:.85rem;opacity:.8}.stored-card .website-link{display:inline-block;margin-top:4px;word-break:break-word}.hidden{display:none!important}