:root{--ink:#1d231d;--forest:#202b24;--green:#2f5141;--cream:#f4f0e7;--paper:#faf7f0;--line:#ded9cf;--gold:#b29365;--muted:#70776c;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,label:focus-within,canvas:focus-visible{outline:3px solid #c39b55;outline-offset:4px}p{line-height:1.7}.hidden{display:none!important}.site-header{height:84px;background:var(--paper);border-bottom:1px solid var(--line);padding:0 clamp(22px,5.5vw,95px);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;letter-spacing:.15em;font-size:14px;font-weight:800}.brand-mark{color:var(--gold);border:1.5px solid var(--gold);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1}.site-header nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.nav-link{border:0;background:none;color:var(--ink);padding:10px 0}.count{background:#e7e5db;color:#4e574b;border-radius:50%;min-width:22px;min-height:22px;padding:3px 6px;margin-left:5px;display:inline-grid;place-items:center;font-size:10px}.hero{min-height:600px;background:var(--paper);display:grid;grid-template-columns:1.06fr .94fr;overflow:hidden}.hero-copy{padding:clamp(64px,7vw,108px) 5vw 84px clamp(22px,9vw,150px);align-self:center;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;color:#8b7556}.tiny-star{font-size:15px;margin-right:7px}.hero h1,.section-heading h2,.last-word h2,.side-quote,.reading-title{font-family:Georgia,"Times New Roman",serif;font-weight:400}.hero h1{font-size:clamp(56px,6vw,91px);line-height:1.055;letter-spacing:-.052em;margin:25px 0 25px;white-space:nowrap}.hero h1 em,.side-quote em{color:#a48251;font-style:italic}.hero-copy>p{font-size:16px;line-height:1.85;color:#687064;max-width:470px;margin-bottom:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;border-radius:7px;border:1px solid transparent;padding:15px 24px;min-height:53px;font-weight:700;font-size:13px;letter-spacing:.01em;transition:transform .18s,background .18s}.button:not(:disabled):hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.primary:not(:disabled):hover{background:#254434}.secondary{border-color:var(--line);background:transparent;color:var(--ink)}.hero-small{margin-top:25px;font-size:11px;color:#6c746a;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dot-green{display:inline-block;width:7px;height:7px;background:#6b9b70;border-radius:50%}.separator{color:#b9b5aa}.hero-art{background:radial-gradient(ellipse at 62% 44%,#344438 0%,#1b2921 60%,#16221b 100%);position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden}.orbit{position:absolute;border:1px solid rgba(229,212,173,.10);border-radius:50%;width:540px;height:540px;transform:rotate(30deg)}.orbit-two{width:720px;height:720px}.hero-cup{width:min(62%,360px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 27%,#fff 1%,#efeadf 52%,#9e988a 71%,#ded5c4 78%,#eef0e6 85%,#a1aa9d 90%,#dcd8ce 95%);box-shadow:20px 40px 65px #10161199,0 0 0 18px #e0d7bf11,0 0 0 27px #aaab9a08;display:grid;place-items:center;transform:rotate(-15deg);position:relative}.hero-cup:after{content:"";position:absolute;right:-19%;top:34%;width:25%;height:31%;border:19px solid #d6d5c9;border-left:none;border-radius:0 50% 50% 0;z-index:-1;transform:rotate(8deg)}.coffee-pattern{position:relative;width:79%;height:79%;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 65% 29%,#4a3425 0%,#36291e 21%,#1b1a14 54%,#312821 85%,#6d4e34);box-shadow:inset 0 0 27px #050907,inset 0 0 0 12px #a5845033}.coffee-pattern:before{content:"";position:absolute;inset:9%;border:3px dashed #ccac784d;border-radius:50%;transform:rotate(20deg)}.coffee-pattern:after{content:"";position:absolute;width:42%;height:85%;top:15%;left:31%;transform:rotate(-31deg);border-radius:56% 37% 58% 29%;background:linear-gradient(110deg,#9d7442,#342313 45%,#b48b53 53%,#241b16 70%);filter:blur(3px)}.coffee-pattern i{position:absolute;left:11%;top:18%;width:35%;height:18%;background:#ba9b67;border-radius:50%;transform:rotate(-35deg);filter:blur(2px)}.coffee-pattern b{position:absolute;right:2%;bottom:12%;width:27%;height:30%;background:#946d45;border-radius:15% 85% 29% 55%;transform:rotate(-22deg);filter:blur(2px)}.coffee-pattern span{position:absolute;left:8%;bottom:7%;width:23%;height:23%;border:8px solid #bf9763;border-radius:70% 35% 65% 25%;transform:rotate(27deg)}.hero-art-caption{position:absolute;left:10%;bottom:42px;color:#d0c2a6;font-family:Georgia,serif;font-size:17px;font-style:italic;opacity:.78}.sparkle{color:#c9a66d;font-size:23px;margin-right:6px}.hero-stamp{position:absolute;right:9%;top:40px;border:1px solid #bea67566;border-radius:50%;width:104px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#d5bc8b;font-size:10px;line-height:1.6;letter-spacing:.12em;transform:rotate(11deg)}.hero-stamp span{font-size:18px}.steps-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#eae4d8;padding:34px clamp(20px,10vw,170px);gap:36px}.steps-strip>div{display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;align-items:center;column-gap:15px}.steps-strip .number{grid-row:1/span 2;font-family:Georgia,serif;font-size:33px;color:#aa8d5e;font-style:italic}.steps-strip strong{font-size:13px}.steps-strip small{font-size:11px;color:#777b70;margin-top:6px}.section-pad{padding:92px clamp(20px,9vw,146px) 115px}.section-heading{text-align:center;margin:0 auto 45px;max-width:650px}.section-heading h2{font-size:clamp(37px,4vw,60px);line-height:1.15;letter-spacing:-.035em;margin:13px 0}.section-heading p{font-size:14px;color:#6e7469;margin:0}.studio-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(245px,.8fr);max-width:1140px;margin:0 auto;align-items:stretch;box-shadow:0 18px 60px #292e2313}.workspace{background:var(--paper);padding:0 36px 40px;min-width:0;border:1px solid #e3ded4;border-radius:10px 0 0 10px}.workspace-header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.12em;color:#8c7656}.workspace-header .subtle{color:#a2a49a;font-weight:500;text-transform:none;letter-spacing:0}.stage{padding-top:29px}.stage h3{font-family:Georgia,serif;font-size:30px;letter-spacing:-.03em;font-weight:400;margin:0 0 20px}.surface-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:23px}.surface{min-height:90px;border:1px solid var(--line);border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#61685e;font-weight:650;font-size:12px}.surface.active,.surface:hover{border-color:#69806e;background:#f0f3e9;color:var(--green)}.surface-emoji{font-size:26px}.dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1.5px dashed #bcb9a9;border-radius:8px;background:#f4f2eb;padding:37px 24px;text-align:center;cursor:pointer}.dropzone:hover,.dropzone.dragover{background:#edf0e6;border-color:#72917b}.dropzone .upload-symbol{width:46px;height:46px;border:1px solid #c6ccbf;border-radius:50%;display:grid;place-items:center;font-size:27px;color:var(--green);margin-bottom:4px}.dropzone strong{font-size:14px}.dropzone>span:not(.upload-symbol){font-size:12px;color:#7c8076}.dropzone>span.file-hint{font-size:10px;color:#a0a095;margin-top:6px}.dropzone input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.private-note{font-size:11px;color:#728074;text-align:center;margin:17px 0 0}.alert{border:1px solid #cf9692;background:#fff3f0;color:#8c4035;font-size:13px;border-radius:7px;padding:12px;margin-top:14px}.side-panel{background:#243529;color:#f4ecdc;padding:37px 33px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:0 10px 10px 0}.panel-label{font-size:9px;letter-spacing:.16em;color:#c6b891;font-weight:700}.fine-rule{margin:28px 0 35px;width:30px;height:1px;background:#bfa475}.side-quote{font-size:clamp(23px,2.3vw,34px);line-height:1.36;letter-spacing:-.03em;position:relative;z-index:1}.side-quote em{color:#e0c28d}.panel-deco{color:#bba576;font-size:155px;line-height:1;text-align:center;opacity:.23;margin:20px 0 8px}.side-panel>p{font-size:12px;color:#c3cec0;margin:auto 0 44px;line-height:1.9}.panel-bottom{border-top:1px solid #66756788;padding-top:17px;font-size:8px;letter-spacing:.13em;display:flex;justify-content:space-between;gap:8px;color:#d6c9a7}.stage-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.stage-top h3{margin-bottom:0}.helper{font-size:12px;color:#798076;line-height:1.7}.quiet-button{border:0;background:transparent;color:#55715c;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:650;padding:6px}.canvas-wrap{background:#eae8df;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;border:1px solid var(--line);margin:22px 0 13px}#photoCanvas{display:block;max-width:100%;max-height:430px;width:auto;height:auto;cursor:crosshair;touch-action:manipulation}.region-controls{display:flex;flex-wrap:wrap;gap:8px}.region-btn{border:1px solid var(--line);background:transparent;color:#5e6a60;border-radius:20px;padding:7px 12px;font-size:12px}.region-btn.active{background:#2f5141;color:white;border-color:#2f5141}.region-btn:disabled{color:#aaa}.field-title{font-size:12px;font-weight:800;color:#424940;margin:24px 0 11px}.symbol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.symbol{border:1px solid #dfded3;border-radius:7px;background:transparent;color:#495148;padding:11px 6px;font-size:11px;min-height:43px}.symbol:hover,.symbol.selected{background:#e8efe4;border-color:#62806b;color:#245339}.style-choices{display:flex;gap:8px;flex-wrap:wrap}.style-choice{border:1px solid var(--line);border-radius:6px;background:transparent;padding:10px 13px;font-size:12px}.style-choice.selected{background:#e9ede3;border-color:#65856d;color:#2b523b}.style-title{margin-top:21px}.full{width:100%;margin-top:7px}.reading-kicker{color:#967c56;font-size:10px;font-weight:800;letter-spacing:.17em;margin:8px 0 15px}.stage h3.reading-title{font-size:clamp(28px,3vw,43px);line-height:1.15;letter-spacing:-.02em;max-width:560px}.reading-body{font-family:Georgia,serif;color:#3c483d;line-height:1.85;font-size:17px}.reading-body p{margin-bottom:19px}.entertainment-note{font-size:11px;color:#8b8d80;margin-top:30px;padding-top:14px;border-top:1px solid var(--line)}.reading-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.reading-actions .button{gap:12px}.again{display:block;margin:25px auto 0}.last-word{background:#e8e2d6;text-align:center;padding:67px 20px 80px}.last-word>span{font-size:28px;color:var(--gold)}.last-word h2{font-size:clamp(33px,4vw,56px);margin:11px 0}.last-word p{font-size:13px;color:#74796e}footer{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:31px clamp(20px,7vw,115px);background:#1c2a21;color:#f0e8d9;font-size:11px}footer>span{color:#a4af9f}.history-dialog{border:1px solid var(--line);border-radius:14px;padding:27px;width:min(94vw,560px);background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #12191288}.history-dialog::backdrop{background:#0a160eb8}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:0}.dialog-head button{border:none;background:transparent;font-size:23px}.history-entry{padding:18px 0;border-bottom:1px solid var(--line)}.history-entry button{border:0;background:none;padding:0;text-align:left;display:block;font-size:16px;color:var(--green);font-family:Georgia,serif}.history-entry small{color:#92988a;display:block;margin-top:6px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#2b4535;color:#fff;padding:13px 23px;font-size:13px;z-index:100;border-radius:9px;box-shadow:0 8px 30px #0003;max-width:calc(100vw - 36px);text-align:center}
@media(max-width:1000px){.hero-copy{padding-left:6vw}.hero h1{font-size:clamp(49px,6vw,74px)}.section-pad{padding-left:5vw;padding-right:5vw}.workspace{padding-left:24px;padding-right:24px}}@media(max-width:740px){.site-header{height:68px;padding:0 18px}.site-header nav{gap:13px}.site-header nav a{display:none}.brand{font-size:12px;letter-spacing:.12em}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 23px 55px}.hero h1{font-size:clamp(52px,11vw,70px)}.hero-copy>p{font-size:14px}.hero-art{min-height:350px}.hero-cup{width:245px}.hero-stamp{right:4%;top:20px;transform:scale(.75) rotate(11deg)}.hero-art-caption{bottom:25px;font-size:14px}.steps-strip{grid-template-columns:1fr;padding:30px 28px;gap:24px}.steps-strip>div{grid-template-columns:30px auto;gap:12px}.steps-strip .number{font-size:28px}.section-pad{padding:69px 16px}.studio-grid{grid-template-columns:1fr}.workspace{border-radius:10px 10px 0 0;padding:0 18px 30px}.side-panel{border-radius:0 0 10px 10px;min-height:240px;padding:25px 24px}.side-quote{font-size:26px}.side-panel>p{margin:20px 0}.panel-deco{display:none}.surface-choices{gap:7px}.surface{min-height:80px;font-size:11px}.surface-emoji{font-size:22px}.symbol-grid{grid-template-columns:repeat(3,1fr)}.section-heading h2{font-size:39px}.stage h3{font-size:27px}.stage h3.reading-title{font-size:31px}footer{flex-direction:column;align-items:flex-start;padding:27px 22px}.hero h1{white-space:normal}}@media(max-width:360px){.surface-choices{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:47px}.site-header nav{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}