:root{--paper:#f6f4ef;--white:#fffefa;--ink:#252d2a;--muted:#6c726c;--line:#dddcd3;--sage:#dce4d7;--forest:#344c3e;--gold:#b28e59;--sand:#efe5d7;--red:#984c44;--shadow:0 12px 35px #19261b0a;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}h1{font-size:43px;line-height:1.13}h2{font-size:29px;line-height:1.2}h3{font-size:23px;line-height:1.25}h4{margin:0;font-size:15px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.17em;color:var(--forest)}.serif{font-family:var(--serif)}.stack>*+*{margin-top:16px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{display:flex;justify-content:space-between;align-items:center;gap:15px}.grid{display:grid;gap:20px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.spaced{margin-top:26px}.mt{margin-top:16px}.mb{margin-bottom:18px}.line{height:1px;background:var(--line);margin:22px 0}.btn{border:1px solid var(--ink);background:var(--ink);color:white;border-radius:7px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.btn:hover{background:#455449}.btn.secondary{background:transparent;color:var(--ink);border-color:#c7cbc0}.btn.secondary:hover{background:#e9ede3}.btn.light{background:var(--white);color:var(--ink);border-color:var(--white)}.btn.small{padding:7px 11px;min-height:34px;font-size:11px}.btn.danger{background:#fff3ee;color:var(--red);border-color:#d6b4a8}.link{border:0;background:none;color:var(--forest);text-decoration:underline;text-underline-offset:4px;padding:3px;font-size:12px}.chip{padding:7px 12px;border:1px solid var(--line);background:var(--white);border-radius:20px;font-size:11px;line-height:1.25;display:inline-flex;gap:6px;align-items:center}.chip.active{background:var(--forest);color:white;border-color:var(--forest)}.tag{display:inline-block;padding:4px 8px;border-radius:4px;background:var(--sage);font-size:10px;font-weight:600;line-height:1.3;letter-spacing:.025em}.tag.sand{background:var(--sand);color:#806035}.tag.red{background:#f1dfd8;color:var(--red)}.tag.grey{background:#eeeee7;color:var(--muted)}.icon{width:19px;height:19px;display:inline-block;flex:none;vertical-align:middle;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.iconbtn{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--white)}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#27332c;color:#eceee5;padding:31px 22px 20px;z-index:30;display:flex;flex-direction:column}.brand{font-family:var(--serif);font-size:29px;line-height:1;letter-spacing:-.055em}.brand-sub{font-size:9px;letter-spacing:.22em;margin-top:11px;color:#b8c4b6}.navgroup{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#a6b59f;padding:25px 11px 10px}.navitem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:7px;color:#c9d1c5;font-size:12px;margin:3px 0;transition:background .15s}.navitem.active{background:#415344;color:#fff}.navitem:hover{background:#3a483d}.sidebar nav{margin-top:22px;overflow:auto}.sidebar .bottom{margin-top:auto;padding-top:20px}.sidebar .bottom small{font-size:10px;line-height:1.6;display:block;color:#b3c0ad}.persona{display:flex;gap:10px;align-items:center;border-top:1px solid #4b584b;padding-top:15px;margin-top:18px}.avatar{border-radius:50%;width:37px;height:37px;display:grid;place-items:center;background:#d9dfd0;color:#34432f;font-size:12px;font-weight:600}.shell{margin-left:232px}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 38px;border-bottom:1px solid var(--line);background:#f6f4efee;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.crumb{font-size:11px;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:500}.topbar select{padding:7px 27px 7px 9px;font-size:11px;background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.main{max-width:1420px;padding:34px 38px 60px;margin:auto;min-height:calc(100vh - 75px)}.pagehead{margin-bottom:27px}.pagehead .eyebrow{margin-bottom:9px}.pagehead p{max-width:690px;font-size:13px;color:var(--muted);margin-top:11px}.card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.sage{background:var(--sage)}.sand{background:var(--sand)}.dark{background:var(--ink);color:var(--white);border-color:var(--ink)}.dark p,.dark .muted{color:#d0d8cb}.dark .eyebrow{color:#bacdb0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.notice{border-radius:7px;background:#e8ede2;color:#455241;padding:12px 15px;font-size:12px;line-height:1.6}.notice.sand{background:var(--sand);color:#7a6040}.notice.red{background:#f4e6df;color:#90473f}.notice .icon{margin-right:5px}.hero{display:grid;grid-template-columns:1fr 1.08fr;border-radius:14px;overflow:hidden;background:#e5e8de;min-height:352px;border:1px solid #d3d9cc}.hero-copy{padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy h2{font-size:35px;margin:12px 0 14px;line-height:1.13;max-width:335px}.hero-copy p{font-size:12px;max-width:330px;margin-bottom:20px}.hero-board{padding:21px;position:relative;background:#f0f0e6}.outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.outfit-grid .product-photo{height:135px}.outfit-grid .slot{border:1px solid #e5e5dc;border-radius:8px;overflow:hidden;background:#fffefa;position:relative}.slot .slotlabel{padding:7px 9px;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:4px;border-top:1px solid #efefe8;min-height:38px}.slot button.image-button{border:0;background:transparent;width:100%;padding:0;display:block}.slot .locked{position:absolute;top:7px;left:7px;background:#edf1e9;padding:4px 6px;border-radius:4px;line-height:1}.product-photo{display:block;object-fit:contain;width:100%;background:#fffefa;padding:9px;mix-blend-mode:multiply}.hero-board .board-foot{display:flex;justify-content:space-between;padding-top:12px;font-size:10px;color:var(--muted)}.section-head{margin:28px 0 16px}.section-head h2{font-size:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fffefa}.stat b{font-family:var(--serif);font-size:31px;font-weight:400;display:block;margin:2px 0}.stat span{font-size:11px;color:var(--muted)}.journal-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.editorial{display:flex;overflow:hidden;padding:0;min-height:160px}.editorial>img{width:36%;object-fit:cover}.editorial>div{padding:22px}.editorial h3{font-size:24px;margin:8px 0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative;min-width:0;box-shadow:0 3px 9px #17251603}.product-card>button.image-button{display:block;border:0;padding:0;width:100%;background:var(--white);overflow:hidden}.product-card .product-photo{height:182px;transition:transform .2s}.product-card:hover .product-photo{transform:scale(1.035)}.product-info{padding:12px 13px 13px}.product-info h4{font-size:12px;font-weight:600;margin:3px 0;line-height:1.35}.product-info p{font-size:10px;color:var(--muted);margin:5px 0 10px}.product-info .btn{width:100%}.product-card>.badge{position:absolute;left:10px;top:9px;z-index:1}.product-card>.fav{position:absolute;right:9px;top:9px;border:1px solid var(--line);background:#fffc;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;z-index:2;font-size:14px}.fav.on{color:#a05c55}.product-card.unavailable{opacity:.65}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.search{min-width:180px;max-width:320px;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--white);padding:0 12px;gap:9px}.search input{border:0!important;background:transparent!important;padding:11px 0!important;width:100%;outline:none;box-shadow:none}.field{display:flex;flex-direction:column;gap:7px;margin:14px 0}.field label{font-size:11px;font-weight:600}.field input,.field select,.field textarea,input.control,select.control{padding:11px 12px;border:1px solid #ccd0c5;border-radius:6px;background:#fffefa;color:var(--ink);width:100%;min-width:0}.field textarea{resize:vertical;min-height:87px}.field small{font-size:10px;color:var(--muted)}.field input[type=checkbox]{width:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkline{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;margin:15px 0}.checkline input{accent-color:var(--forest);margin-top:4px;width:16px;height:16px}.progress-steps{display:flex;gap:10px;margin:0 0 24px}.progress-steps span{display:flex;gap:8px;align-items:center;color:#8c9387;font-size:11px}.progress-steps b{width:24px;height:24px;border:1px solid #bdc6b6;border-radius:50%;display:grid;place-items:center;font-size:10px}.progress-steps .active{color:var(--forest)}.progress-steps .active b{background:var(--forest);color:white}.upload{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:290px;border:1.5px dashed #b9c3af;border-radius:11px;padding:25px;background:#f0f2ea;text-align:center}.upload .icon{width:40px;height:40px;margin-bottom:16px}.upload p{font-size:12px;max-width:270px;margin:12px 0 20px}.upload input{max-width:250px;font-size:11px}.scan-preview{width:100%;height:350px;object-fit:contain;background:#efefe6;border-radius:9px}.detail-layout{display:grid;grid-template-columns:.85fr 1fr;gap:36px}.detail-photo{width:100%;height:405px;object-fit:contain;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:25px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:20px 0}.detail-meta>div{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-meta small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.builder-layout{display:grid;grid-template-columns:265px 1fr;gap:24px;align-items:start}.builder-controls{padding:19px;position:sticky;top:94px}.anchor-mini{display:flex;gap:13px;align-items:center;padding:10px;border-radius:8px;background:#edeedf;margin:15px 0}.anchor-mini img{height:73px;width:67px;object-fit:contain;mix-blend-mode:multiply}.anchor-mini h4{font-size:12px}.builder-results>.outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.builder-results>.outfit-grid .product-photo{height:180px}.rationale{border-left:3px solid var(--gold);padding:0 0 0 15px;margin:21px 0;font-size:13px;line-height:1.65}.modebar{display:flex;border:1px solid var(--line);padding:4px;background:#eaece3;border-radius:9px;gap:3px;margin-bottom:21px}.modebar button{flex:1;border:0;background:transparent;padding:10px 7px;border-radius:5px;font-size:11px;color:#606a5d}.modebar .active{background:var(--white);color:var(--ink);box-shadow:0 2px 6px #00000008}.pillrow{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.day{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px 12px;min-width:0}.day.today{border-color:var(--forest)}.day .daynum{font:27px var(--serif);margin:8px 0 14px}.day .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:14px}.day .mini-grid img{height:75px;width:100%;object-fit:contain;background:#f2f2eb}.day p{font-size:10px;margin:4px 0}.day .btn{font-size:10px;width:100%;padding:8px 4px;margin-top:13px}.eventline{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.eventline time{font-size:11px;min-width:70px;color:var(--muted)}.eventline h4{font-size:12px}.eventline p{font-size:11px;color:var(--muted)}.memory-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:18px 0;align-items:flex-start}.memory-row h4{font-size:13px;margin:8px 0 5px}.memory-row p{font-size:11px;color:var(--muted);max-width:500px}.feedback-choice{display:flex;gap:11px;margin:20px 0}.feedback-choice button{background:var(--white);border:1px solid var(--line);padding:18px 10px;flex:1;border-radius:8px;font-size:12px}.feedback-choice button.active{background:var(--sage);border-color:var(--forest)}.feedback-choice b{display:block;font:26px var(--serif);margin-bottom:5px}.empty{padding:50px 25px;text-align:center;background:var(--white);border:1px dashed #c5cbbd;border-radius:12px}.empty h2{font-size:29px;margin:15px 0}.empty p{max-width:430px;margin:0 auto 23px;color:var(--muted);font-size:13px}.empty .icon{width:36px;height:36px;color:#829076}.outfit-tile .outfit-grid{background:#edeedf;padding:12px;border-radius:7px}.outfit-tile .product-photo{height:115px}.outfit-tile .slotlabel{font-size:9px;min-height:26px;padding:5px}.outfit-tile h3{margin:16px 0 8px;font-size:24px}.switch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.switch h4{font-size:13px}.switch p{font-size:11px;color:var(--muted);margin-top:6px;max-width:520px}.toggle{border:0;background:#cad0c1;width:41px;height:24px;border-radius:14px;position:relative;flex:none}.toggle:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:white;top:3px;left:3px;transition:left .15s}.toggle.on{background:var(--forest)}.toggle.on:after{left:20px}.pricing-card{padding:24px;display:flex;flex-direction:column;position:relative}.pricing-card .price{font:39px var(--serif);margin:17px 0 13px}.pricing-card .price small{font:12px Arial}.pricing-card p{font-size:12px;margin:7px 0}.pricing-card .btn{margin-top:auto}.pricing-card .tag{align-self:flex-start}.service-photo{height:167px;width:100%;object-fit:cover;border-radius:8px;margin-bottom:20px}.screen-card{display:block;transition:border-color .15s,transform .15s}.screen-card:hover{border-color:var(--forest);transform:translateY(-2px)}.screen-card .eyebrow{margin-bottom:13px}.screen-card h3{font-size:22px;margin-bottom:10px}.screen-card p{font-size:12px;color:var(--muted)}.screen-card .tag{margin-top:14px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--white)}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{background:#e8ecdf;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:13px 15px}td{padding:15px;border-top:1px solid var(--line);vertical-align:top}td p{font-size:11px;color:var(--muted)}.quote{font:26px/1.4 var(--serif);padding-left:20px;border-left:3px solid var(--gold);margin:22px 0}.packing-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.packing-row img{width:65px;height:67px;object-fit:contain;background:#f3f3eb}.packing-row input{width:18px;height:18px;accent-color:var(--forest)}.packing-row h4{font-size:12px}.packing-row small{font-size:10px;color:var(--muted)}.packing-row.done{opacity:.55}.packing-row.done h4{text-decoration:line-through}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.journey a{padding:17px 14px;border-radius:8px;background:#e5ebde;border:1px solid #d0d9c7}.journey b{font:24px var(--serif);display:block;margin-bottom:11px}.journey strong{font-size:12px}.journey p{font-size:11px;color:var(--muted);margin-top:6px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden}.auth-art{background:var(--sage);display:flex;flex-direction:column;justify-content:space-between;padding:35px}.auth-art img{width:100%;height:250px;object-fit:cover;border-radius:9px}.auth-art h2{font-size:37px;line-height:1.16;margin-top:25px}.auth-form{padding:38px}.auth-form .brand{margin-bottom:35px}.style-card{padding:0;border:2px solid var(--line);border-radius:9px;overflow:hidden;background:var(--white);text-align:left}.style-card.active{border-color:var(--forest);background:#e4eadc}.style-card img{width:100%;height:135px;object-fit:cover}.style-card div{padding:11px 12px;font-size:12px}.chat-bubble{padding:14px 17px;border-radius:10px;background:#e8edde;margin:10px 0;font-size:12px}.chat-bubble.reply{margin-left:35px;background:#fffefa;border:1px solid var(--line)}.mini-photo{width:43px;height:48px;object-fit:contain}.request-row{display:grid;grid-template-columns:1fr auto;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.modal-root:empty{display:none}.overlay{position:fixed;inset:0;background:#14251e77;z-index:80;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(4px)}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:var(--paper);border-radius:13px;padding:26px;box-shadow:0 25px 70px #0003}.modal.wide{width:min(950px,100%)}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.modal>header h2{font-size:28px}.toast{position:fixed;bottom:28px;left:calc(50% + 80px);transform:translateX(-50%);background:var(--forest);color:white;padding:13px 20px;border-radius:8px;box-shadow:0 6px 25px #0002;font-size:12px;z-index:110;max-width:90vw;animation:toastin .2s ease}.toast.hide{display:none}.loading{padding:55px;text-align:center;border:1px dashed #c5cbbd;background:#fffefa;border-radius:10px}.spinner{width:31px;height:31px;border:3px solid #d9e0cf;border-top-color:#486443;border-radius:50%;display:block;margin:0 auto 18px;animation:spin .8s linear infinite}.phone-nav{display:none}.mobile-menu{display:none}.full-width{width:100%}.blueprint-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.blueprint-nav .chip{font-size:12px}.blueprint-section{scroll-margin-top:96px;margin:35px 0}.blueprint-section>h2{margin-bottom:16px}.blueprint-section p{font-size:13px}.code{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;background:#e8edde;padding:18px;border-radius:8px;overflow:auto;white-space:pre-wrap;word-break:break-word}.review-photo{height:360px;width:100%;object-fit:contain;background:#ebede2;border-radius:10px}.scenario{font-size:11px}.scenario select{max-width:150px}.beta-label{background:#f1e8d7;color:#7c6847;padding:4px 7px;border-radius:4px;font-size:9px}.attention{border:1px solid #bd9970}.support-item{padding:16px;background:#fffefa;border:1px solid var(--line);border-radius:8px}.stat-inline{display:flex;gap:28px}.stat-inline b{font:27px var(--serif);display:block}.stat-inline span{font-size:10px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastin{from{opacity:0;bottom:19px}to{opacity:1;bottom:28px}}@media(min-width:1550px){.main{padding:43px 52px 70px}.topbar{padding:0 52px}.product-grid{grid-template-columns:repeat(5,1fr)}.hero{min-height:395px}.hero-copy h2{font-size:41px}.hero-board .product-photo{height:151px}}@media(max-width:1180px){.sidebar{width:206px;padding:29px 17px}.shell{margin-left:206px}.main{padding:28px 26px 60px}.topbar{padding:0 26px}.brand{font-size:27px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-layout{grid-template-columns:238px 1fr}.builder-results>.outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.four{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:24px}.hero-copy h2{font-size:31px}.hero-board .product-photo{height:125px}.journey{grid-template-columns:repeat(3,1fr)}h1{font-size:38px}.three{gap:14px}.week{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.sidebar{width:180px;padding:25px 12px}.shell{margin-left:180px}.brand{font-size:24px}.navitem{font-size:11px;padding:10px}.topbar{padding:0 22px}.topbar .crumb{display:none}.hero{grid-template-columns:1fr}.hero-copy h2{max-width:100%;font-size:33px}.hero-copy{padding:25px}.hero-copy p{max-width:100%}.hero-board .product-photo{height:140px}.three,.journal-grid,.detail-layout{grid-template-columns:1fr 1fr}.builder-layout{grid-template-columns:1fr}.builder-controls{position:static}.builder-controls .field{margin:10px 0}.builder-results>.outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-results>.outfit-grid .product-photo{height:145px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.three>.pricing-card:last-child{grid-column:1/-1}.outfit-grid .product-photo{height:105px}.hero-board .outfit-grid .product-photo{height:138px}.two{gap:16px}.card{padding:18px}.detail-photo{height:300px}.screen-card h3{font-size:20px}}@media(max-width:700px){.sidebar{display:none;width:245px;box-shadow:15px 0 60px #0003}.sidebar.open{display:flex}.shell{margin-left:0}.topbar{height:62px;padding:0 17px}.topbar .crumb{display:none}.topbar .maptext{display:none}.topbar .btn{padding:8px;min-height:34px}.topbar .btn .icon{width:16px}.topbar select{max-width:121px;font-size:10px}.mobile-menu{display:inline-flex}.main{padding:24px 18px 95px}.pagehead{margin-bottom:22px}.pagehead.between{align-items:flex-start;flex-direction:column}.pagehead p{font-size:12px}h1{font-size:34px}h2{font-size:27px}h3{font-size:23px}.hero-copy h2{font-size:33px;max-width:100%}.hero-copy{padding:22px}.hero-board{padding:15px}.hero-board .product-photo{height:110px!important}.outfit-grid .slotlabel{padding:6px;font-size:9px;min-height:34px}.hero-board .board-foot{font-size:9px}.two,.three,.four,.journal-grid,.detail-layout{grid-template-columns:1fr}.grid{gap:15px}.stats{gap:9px}.stat{padding:13px 10px}.stat b{font-size:26px}.stat span{font-size:10px}.stat .eyebrow{font-size:8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card .product-photo{height:163px}.product-info{padding:11px}.product-info h4{font-size:12px}.toolbar{flex-wrap:wrap}.search{max-width:none;flex:1}.builder-results>.outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.builder-results>.outfit-grid .product-photo{height:147px}.modebar button{font-size:10px;padding:11px 5px}.week{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.week .day:last-child{grid-column:1/-1}.detail-photo{height:310px}.editorial>img{width:32%}.editorial>div{padding:18px}.editorial h3{font-size:23px}.phone-nav{display:flex;position:fixed;inset:auto 0 0;background:#fffefa;z-index:50;border-top:1px solid var(--line);padding:9px 5px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.phone-nav a{display:flex;align-items:center;flex-direction:column;font-size:9px;gap:4px;color:var(--muted);min-width:52px}.phone-nav a.active{color:var(--forest);font-weight:700}.toast{left:50%;bottom:90px;width:max-content;max-width:90vw}.journey{grid-template-columns:1fr 1fr}.auth-form{padding:23px}.auth-layout{min-height:0}.auth-form .brand{margin-bottom:25px}.form-row{gap:11px}.overlay{padding:13px}.modal{padding:21px;max-height:87vh}.card-head h2{font-size:26px}.feedback-choice{gap:7px}.feedback-choice button{padding:17px 6px;font-size:10px}.pricing-card .btn{margin-top:20px}.screen-card h3{font-size:23px}.style-card img{height:170px}.style-picks{grid-template-columns:1fr 1fr!important}.scenario{width:100%;justify-content:space-between}.stat-inline{gap:20px}.blueprint-section .four{grid-template-columns:1fr}.topbar .row{gap:7px}.main>footer{font-size:9px}.three>.pricing-card:last-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.design-doc{max-width:1020px}.design-doc h1{display:none}.design-doc h2{margin:37px 0 17px;padding-top:24px;border-top:1px solid var(--line);font-size:28px}.design-doc h3{font-size:21px;margin:26px 0 13px}.design-doc p{font-size:13px;color:#515b50;margin:12px 0;line-height:1.75}.design-doc ul{padding-left:22px;font-size:13px;line-height:1.75;color:#515b50}.design-doc li{margin:8px 0}.design-doc table{margin:18px 0 25px;background:var(--white);border:1px solid var(--line)}.design-doc th{font-size:10px}.design-doc td{font-size:12px;line-height:1.65}.design-doc a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}.design-doc code{font-size:11px;padding:2px 5px;background:#e8ebdf;border-radius:3px;overflow-wrap:anywhere}.design-doc strong{color:var(--ink)}.design-doc blockquote{border-left:3px solid var(--gold);padding-left:18px;margin:20px 0}.design-doc table{display:block;overflow-x:auto}@media print{.sidebar,.topbar,.phone-nav,.toast,.modal-root{display:none!important}.shell{margin:0}.main{padding:20px}.design-doc{max-width:100%}body{background:white}.design-doc h2{break-after:avoid}.design-doc tr{break-inside:avoid}}
/* Application milestone 0.1: additions to the approved design system. */
.app-footer{margin-top:34px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted)}
.agenda-line{display:flex;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.agenda-line time{color:var(--muted);font-size:11px}
.slot-actions{display:flex;gap:5px;justify-content:center;padding:7px;border-top:1px solid var(--line)}.slot-actions .btn{font-size:10px;padding:5px 9px}
.planner-photo{width:100%;height:200px;object-fit:cover;border-radius:7px}.app-dialog{width:min(650px,calc(100vw - 30px));max-height:85dvh;padding:24px;border:1px solid var(--line);border-radius:13px;background:var(--white);color:var(--ink);box-shadow:0 20px 80px #0003}.app-dialog::backdrop{background:#1a241b88}.app-dialog .product-photo{height:150px}.app-dialog h2{font-size:26px}
.toast{display:none}.toast.visible{display:block;position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:100;background:var(--forest);color:#fff;border-radius:8px;padding:14px 21px;max-width:min(600px,90vw);box-shadow:0 8px 35px #0002;font-size:13px}.toast.error{background:#7b443e}.mobilebar{display:none}.skip-link{position:fixed;top:-80px;left:20px;z-index:110;background:white;color:var(--ink);padding:10px}.skip-link:focus{top:8px}.startup-error{max-width:750px;margin:80px auto;padding:30px}.startup-error p{margin-top:20px}.full-width{width:100%}.empty{text-align:center;padding:50px 25px}.product-card>a{display:block}.scan-preview{max-height:250px}.builder-results>.outfit-grid .product-photo{height:170px}
@media(max-width:900px){.sidebar{display:none}.shell{margin-left:0}.topbar{padding:12px 18px;height:auto;min-height:65px}.topbar .crumb{display:none}.main{padding:25px 18px 110px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:35;background:var(--white);border-top:1px solid var(--line);padding:8px 4px max(8px,env(safe-area-inset-bottom));justify-content:space-around}.mobilebar a{display:flex;align-items:center;flex-direction:column;gap:3px;font-size:9px;padding:5px;min-width:48px;color:var(--muted)}.mobilebar a.active{color:var(--forest);font-weight:700}.toast.visible{bottom:85px}.builder-layout{grid-template-columns:1fr}.builder-controls{position:static}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-results>.outfit-grid .product-photo{height:125px}}
@media(max-width:600px){h1{font-size:31px}.pagehead .between{align-items:flex-start;flex-direction:column;gap:14px}.hero,.detail-layout,.journal-grid,.two{grid-template-columns:1fr}.hero-copy h2{max-width:none}.hero-copy{padding:23px}.hero-board{padding:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card .product-photo{height:160px}.outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.outfit-grid .product-photo{height:95px}.builder-results>.outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-results>.outfit-grid .product-photo{height:160px}.card{padding:18px}.toolbar{align-items:stretch;flex-direction:column}.search{max-width:none}.stats{gap:8px}.stat{padding:12px}.stat .eyebrow{font-size:8px}.slotlabel{overflow-wrap:anywhere}.topbar .tag{font-size:9px}.topbar .btn{font-size:10px}.topbar .row{gap:6px}.app-footer{font-size:9px}.agenda-line{flex-direction:column;align-items:flex-start;gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Keep keyboard targets clear of the fixed navigation without changing layout. */
html{scroll-padding-top:90px;scroll-padding-bottom:100px}
:where(a,button,input,select,textarea,[tabindex]){scroll-margin-block:90px 100px}
.main:focus{outline:none}
.main h1:focus-visible{outline:2px solid var(--forest);outline-offset:6px}
/* WebKit's native menu styling otherwise collapses the approved padded controls. */
.field select{appearance:none;min-height:43px;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}
@media(forced-colors:active){.field select{appearance:auto;background-image:none}}

/* Access screen: the approved auth layout, sized for the workspace type scale. */
.auth-form h1{font-size:31px}
.auth-notice{color:var(--red)}