@font-face{font-family:ProofDisplay;src:url('../assets/GmarketSansBold.woff') format('woff');font-weight:700 900;font-display:swap}
body{background:#f6f7f9}.os-header{background:#f6f7f9db}
/* Full-width product scenes, like the established jadong.dev hero. */
.landing-hero{display:block;margin-bottom:36px}.hero-carousel{padding-bottom:46px;border-radius:22px;overflow:hidden;background:#080b12;box-shadow:0 20px 50px #13213c20}
.hero-slide{height:315px;min-height:0;aspect-ratio:auto;border-radius:0;background:#06080b}
.hero-slide-art{inset:auto 0 0 auto;width:760px;height:253px;max-width:none;overflow:hidden;opacity:1}
.hero-slide-art img{display:block;width:100%;height:100%;object-fit:cover}
.hero-slide-copy{padding:26px 24px;width:100%}.hero-slide-copy h1{font-size:30px;line-height:1.3;letter-spacing:-1.2px;max-width:100%;margin-bottom:14px;text-shadow:0 2px 16px #000}
.hero-slide-copy h1 .hero-em{color:var(--hero-accent,#aad7ff)}
.hero-slide-copy>p{font-size:13px;line-height:1.8;max-width:205px;color:#e4e8ef;margin-bottom:18px;text-shadow:0 1px 8px black}
.hero-slide-cta{background:#f8fbfff0;color:#152841;font-size:12px;min-height:42px;padding:11px 14px;border:1px solid #fff;border-radius:11px}
.hero-controls{bottom:57px;background:#080d19bf;right:13px}
.hero-slide-tabs{height:46px;border-bottom:0;border-top:1px solid #ffffff24;background:#0e131c;color:white}
.hero-slide-tabs button{border-bottom:0;border-top:2px solid transparent;color:#aab6c9;font-size:11px;padding:11px 4px;position:relative;z-index:1}
.hero-slide-tabs button[aria-selected=true]{border-color:#b4d6ff;background:#aecbff15;color:white}
.hero-blue{--hero-accent:#a1d6ff}.hero-navy{--hero-accent:#d9e4ff}.hero-green{--hero-accent:#d2b5ff}.hero-violet{--hero-accent:#bde8d2}
.hero-planner{display:none}
/* Original-document cards follow the supplied master-b v3 structure. */
.income-records{margin-top:40px}.income-row-heading h2{font-family:ProofDisplay,Jadong,sans-serif;font-size:23px;letter-spacing:-1px;line-height:1.55}
.income-row-grid{align-items:stretch;padding:2px 2px 12px;grid-auto-columns:min(86vw,360px)}
.income-card.evidence-card{height:555px;border:1px solid #d3dce8;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 4px 16px #172b3d08!important;display:flex;flex-direction:column;container-type:inline-size;text-align:left;transition:transform .25s,box-shadow .25s}
.record-head{display:flex;flex-direction:column;flex-shrink:0;background:radial-gradient(ellipse at 95% 80%,var(--proof-shade),transparent 85%),#0d1010;border-top:4px solid var(--proof-color);padding:17px 17px 19px;min-height:143px;color:white}
.record-hook{font-family:ProofDisplay,Jadong,sans-serif;font-size:12px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px;color:#fff}
.record-kind{font-family:ProofDisplay,Jadong,sans-serif;color:var(--proof-color);font-size:14px;line-height:1.7;white-space:nowrap}
.record-number{font-family:ProofDisplay,Jadong,sans-serif;font-size:clamp(28px,9.1cqw,41px);line-height:1.5;font-weight:800;letter-spacing:-1.8px;color:var(--proof-color);white-space:nowrap;margin-top:4px}
.record-paper{display:flex;flex-direction:column;flex:1;min-height:0;padding:13px 13px 0;color:#222;background:#fff}
.record-category{display:flex;align-items:center;gap:5px;font-size:11px;color:#5e6c7e;margin-bottom:7px;line-height:1.6}
.record-category>.app-art,.record-category>.color-menu-icon{width:18px;height:18px;flex-shrink:0}
.record-original-title{font-family:ProofDisplay,Jadong,sans-serif;font-size:13px;line-height:1.65;min-height:43px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.3px}
.record-author{display:flex;align-items:center;gap:7px;padding:10px 0 11px;border-bottom:1px solid #dfe3e8;color:#3e4857}
.record-avatar{width:25px;height:25px;display:grid;place-items:center;background:#f0f1f3;border-radius:50%;flex-shrink:0}.record-avatar .generated-symbol{width:13px}
.record-author b{display:block;font-size:11px;line-height:1.5;font-weight:650}.record-author small{display:block;font-size:10px;line-height:1.5;color:#626d7d;margin-top:2px}
.record-attachment{display:flex;flex-direction:column;flex:1;min-height:0;margin:10px 0 0;padding:0 8px;background:#f7f8fa;border:1px solid #e0e4e8}
.record-attachment-label{display:flex;justify-content:space-between;gap:8px;font-size:8px;line-height:1.5;color:#5b6470;padding:8px 0;border-bottom:1px solid #e0e4e8;white-space:nowrap}
.record-attachment-media{position:relative;display:block;flex:1;min-height:0;margin:7px 0;background:white}
.record-attachment-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.record-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;min-height:46px;flex-shrink:0;font-size:10px;line-height:1.5;color:#59687a;background:#fff}
.record-footer strong{font-size:11px;font-weight:600;color:#87344b;display:flex;gap:6px;align-items:center}.record-footer .generated-symbol{width:14px}
/* Image-generated library and iOS action controls. */
.library-page{max-width:1200px}.library-page .os-page-lead{max-width:680px}
.os-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px;margin:28px 0 35px}
.os-book.os-book-generated{aspect-ratio:auto;background:none!important;box-shadow:none;padding:0;border-radius:0;transform:none;color:#172339;display:block}
.os-book-generated .book-image{display:block;position:relative;bottom:auto;top:auto;left:auto;right:auto;border-radius:9px;overflow:visible;aspect-ratio:2/3;box-shadow:none;background:transparent;transition:transform .45s var(--motion-spring),box-shadow .35s}
.os-book-generated img{display:block;width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 8px 7px #24385425)}
.os-book-generated h2{font:700 15px/1.6 Jadong,sans-serif;letter-spacing:-.4px;margin:13px 0 5px;color:#172339}
.os-book-generated .book-read{position:static;display:flex;gap:7px;align-items:center;justify-content:space-between;color:#536981;font-size:12px;line-height:1.6}
.os-book-generated .book-read .generated-symbol{width:17px}
.os-book-generated:active .book-image{transform:scale(.97)}
.os-list-empty{border:0;background:linear-gradient(140deg,#fff,#eff5ff);border-radius:26px;padding:35px 23px 38px;box-shadow:inset 0 1px 0 white,0 10px 35px #163c6308}
.os-list-empty>.empty-art{display:block;width:95px;height:95px;object-fit:contain;clip-path:inset(5% round 25%);margin:0 auto 21px;filter:drop-shadow(0 7px 8px #284a7618)}
.os-list-empty>.color-menu-icon{display:block;width:78px;height:78px;margin:0 auto 23px}
.os-list-empty h2{font-size:23px;line-height:1.5;margin:0 0 12px}.os-list-empty p{font-size:14px;line-height:1.85;max-width:470px;margin:0 auto;color:#546985}
.os-primary{position:relative;isolation:isolate;background:linear-gradient(155deg,#238cff,#075dde);color:white;border:1px solid #0a63d9;box-shadow:inset 0 1px 1px #ffffff7a,inset 0 -1px 2px #0747a8,0 6px 15px #0868dd25;border-radius:16px;min-height:48px;font-weight:650}
.os-primary:hover{background:linear-gradient(155deg,#3398ff,#1267e2)}
.os-list-empty .os-primary{padding:8px 18px 8px 10px;gap:10px;margin-top:25px;min-height:54px}
.os-primary>.launch-button-icon{width:38px;height:38px;object-fit:contain;clip-path:inset(5% round 24%);filter:drop-shadow(0 1px 2px #103b8233)}
.os-primary .generated-symbol{filter:brightness(0) invert(1);mix-blend-mode:screen}
.os-small-button{min-height:42px;border-radius:13px;border-color:#d0dfed;background:linear-gradient(145deg,#fff,#edf4fe);box-shadow:inset 0 1px 1px white,inset 0 -1px 1px #c4d6ec38;color:#274467}
.window-title>.color-menu-icon{width:33px;height:33px}
.app-window-bar{position:relative;isolation:isolate}.app-window-bar:after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(#eaf2fb66,transparent);pointer-events:none}
@media(hover:hover) and (pointer:fine){.income-card.evidence-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #172b3d15!important}.os-book-generated:hover .book-image{transform:translateY(-7px) rotate(-1deg);box-shadow:0 17px 27px #17304725}.os-book-generated:hover{transform:none}.os-primary:hover>.launch-button-icon{transform:scale(1.05)}}
@media(min-width:700px){
 .hero-slide{height:350px}.hero-slide-art{inset:0;width:100%;height:100%}.hero-slide-art img{object-fit:cover}.hero-slide-copy{padding:38px 35px;width:60%}.hero-slide-copy h1{font-size:38px;line-height:1.28}.hero-slide-copy>p{font-size:15px;max-width:300px;margin:19px 0 23px}.hero-slide-cta{font-size:14px;padding:12px 18px;min-height:46px}.hero-slide-tabs button{font-size:13px}.hero-controls{right:23px;bottom:61px}
 .income-row-heading h2{font-size:28px}.income-card.evidence-card{height:590px}.record-head{padding:18px 18px 21px;min-height:150px}.record-hook{font-size:13px}.record-kind{font-size:16px}.record-original-title{font-size:14px;min-height:46px}.record-author b{font-size:12px}.record-author small{font-size:11px}.record-footer{font-size:12px}.record-footer strong{font-size:12px}.record-attachment-label{font-size:9px}
 .os-book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.os-book-generated h2{font-size:17px}.os-book-generated .book-read{font-size:13px}.os-list-empty{padding:46px 35px}.os-list-empty h2{font-size:27px}.os-list-empty p{font-size:16px}
}
@media(min-width:1000px){
 .landing-hero{display:block}.hero-slide{height:400px}.hero-slide-copy{padding:43px 45px;width:53%}.hero-slide-copy h1{font-size:43px;line-height:1.25;letter-spacing:-1.8px}.hero-slide-copy>p{font-size:17px;max-width:370px;margin:20px 0 28px}.hero-slide-cta{font-size:15px;min-height:49px}
 .hero-planner{display:flex;flex-direction:row;align-items:center;gap:18px;margin:18px 0 0;padding:14px 19px;min-height:78px;border-radius:17px;background:linear-gradient(135deg,#fff,#edf4ff);border:1px solid #dce5f2;box-shadow:inset 0 1px 0 white;aspect-ratio:auto;text-align:left}
 .hero-planner-icon>.app-art{width:43px;height:43px}.hero-planner h2{font-size:16px;line-height:1.5;margin:0;min-width:154px;letter-spacing:-.5px}.hero-planner .goal-field{margin:0 0 0 auto;width:auto}.hero-planner .os-goals{display:flex;gap:6px}.hero-planner .os-goals span{display:flex;flex-direction:column;min-width:88px;padding:6px 9px;border:1px solid #dce5f2}.hero-planner .os-goals b{font-size:12px}.hero-planner .os-goals small{font-size:10px}.hero-planner .os-primary{margin:0;width:auto;min-width:166px;min-height:44px;padding:10px 15px;font-size:12px}
 .income-row-heading h2{font-size:31px}.income-card.evidence-card{height:610px}.record-paper{padding:16px 15px 0}.record-head{min-height:155px;padding:18px 18px 20px}.record-original-title{font-size:14px;min-height:48px}.record-attachment-label{font-size:10px}.record-footer{padding:15px}
}
@media(min-width:1300px){
 .hero-slide{height:420px}.hero-slide-copy{padding:42px 55px;width:52%}.hero-slide-copy h1{font-size:49px;line-height:1.3;margin-bottom:22px}.hero-slide-copy>p{font-size:18px;margin-bottom:29px}.hero-slide-cta{font-size:16px;min-height:51px;padding:13px 21px}.hero-slide-tabs{height:47px}.hero-slide-tabs button{font-size:14px}.hero-planner h2{font-size:19px;min-width:210px}.hero-planner .os-goals span{min-width:106px}.hero-planner .os-primary{font-size:14px;min-width:206px}.hero-planner .os-goals b{font-size:14px}.hero-planner .os-goals small{font-size:11px}
 .record-head{min-height:163px}.record-number{font-size:41px}.record-original-title{font-size:15px}.record-attachment-label{font-size:10px}.record-footer strong{font-size:13px}
}
@media(min-width:1100px){.library-page .os-book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.library-page{padding-inline:30px}.os-book-generated h2{font-size:15px}.os-book-generated .book-read{font-size:12px}}
@media(max-width:380px){.hero-slide{height:300px}.hero-slide-copy{padding:24px 20px}.hero-slide-copy h1{font-size:26px}.hero-slide-copy>p{font-size:12px;max-width:195px}.hero-slide-art{width:720px;height:240px}.hero-slide-cta{font-size:11px}.hero-slide-tabs button{font-size:10px}.income-row-heading h2{font-size:20px}.record-number{font-size:30px}.record-head{padding-inline:14px}.os-book-grid{gap:24px 13px}.os-book-generated h2{font-size:13px}.os-book-generated .book-read{font-size:11px}}
@media(max-width:699px){.dock-compact:not(.app-open) .os-dock a small{height:0;opacity:0;margin-top:0;overflow:hidden}.dock-compact:not(.app-open) .os-dock{padding-block:7px}.dock-compact:not(.app-open) .os-dock a{padding-bottom:4px}.dock-compact:not(.app-open) .os-dock:focus-within a small{height:auto;opacity:1;margin-top:4px}.os-dock a small{transition:opacity .2s,height .3s,margin .3s}}
@media(prefers-reduced-motion:reduce){.os-book-generated:hover .book-image,.income-card.evidence-card:hover{transform:none}.dock-compact:not(.app-open) .os-dock a small{height:auto;opacity:1;margin-top:4px}}

.os-book-generated .book-read>.generated-symbol{position:static;bottom:auto;left:auto;right:auto;width:17px;height:auto;flex-shrink:0}.os-book-generated:hover .book-image{box-shadow:none}
@media(max-width:699px){
 .hero-slide-art{inset:auto 0 0 auto;width:56%;height:49%;max-width:none;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}
 .hero-slide-art img{width:100%;height:100%;object-fit:cover;object-position:right center}
}
@media(max-width:699px){.hero-slide-art{mask-image:linear-gradient(180deg,transparent,#000 22%),linear-gradient(90deg,transparent,#000 18%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%),linear-gradient(90deg,transparent,#000 18%);-webkit-mask-composite:source-in}}
