:root{--navy:#101d37;--navy2:#1a2b4b;--red:#c94e3d;--paper:#f5f0e6;--paper2:#ebe4d6;--ink:#18223a;--muted:#77786f;--line:#d8d0c1;--serif:'Noto Serif JP',serif;--sans:'DM Sans','Noto Serif JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit}.topbar{height:86px;background:var(--paper);display:flex;align-items:center;padding:0 7.3%;justify-content:space-between;border-bottom:1px solid #d8d0c477;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-seal{width:37px;height:37px;background:var(--red);color:#fff;display:grid;place-items:center;font:600 19px var(--serif);box-shadow:3px 3px 0 #9b322a}.brand b{display:block;font:600 16px var(--serif);letter-spacing:.1em}.brand small{display:block;font-size:7px;letter-spacing:.16em;margin-top:3px;color:#87877e}.nav{display:flex;gap:39px;margin-left:auto;margin-right:60px}.nav a{font-size:11px;color:#63665f;text-decoration:none;letter-spacing:.04em}.nav a:hover{color:var(--red)}.saved-top{border:1px solid var(--line);background:transparent;padding:10px 14px;font-size:11px;color:var(--navy);cursor:pointer}.saved-top span{color:var(--red);font-size:16px;vertical-align:-1px}.saved-top i{font-style:normal;margin-left:8px;font-size:9px;color:#85867e}.nav-toggle{display:none;border:0;background:none;font-size:19px;color:var(--navy)}.hero{position:relative;min-height:630px;background:var(--navy);color:var(--paper);padding:83px 12% 64px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-grain{position:absolute;inset:0;opacity:.14;background-image:radial-gradient(#e8ddc9 0.5px,transparent .7px);background-size:9px 9px;pointer-events:none}.hero-sun{position:absolute;width:470px;height:470px;border-radius:50%;background:#b84639;right:14%;top:8%;opacity:.92;box-shadow:0 0 100px #c94e3d22}.hero-ring{position:absolute;border:1px solid #e1d5c233;border-radius:50%;pointer-events:none}.ring-a{width:600px;height:600px;right:10%;top:-2%}.ring-b{width:710px;height:710px;right:6%;top:-11%}.hero-copy{position:relative;z-index:1}.vertical-note{position:absolute;left:-46px;top:42px;writing-mode:vertical-rl;color:#c99a81;font-size:10px;letter-spacing:.24em}.eyebrow{font:600 9px var(--sans);letter-spacing:.18em;display:flex;align-items:center;gap:10px;color:#d6b8a7}.eyebrow>span{display:inline-block;width:21px;height:1px;background:var(--red)}.hero h1{font:500 clamp(43px,5vw,65px)/1.45 var(--serif);letter-spacing:.06em;margin:27px 0 16px}.hero h1 em{font-style:normal;color:#e79172}.hero-lead{font-size:12px;line-height:2.2;color:#bdc4ce;letter-spacing:.03em;margin-bottom:27px}.hero-cta{display:inline-flex;align-items:center;gap:37px;text-decoration:none;background:var(--paper);color:var(--navy);font-size:10px;font-weight:700;letter-spacing:.07em;padding:14px 18px;transition:.2s}.hero-cta:hover{background:#e99b7a;transform:translateY(-2px)}.hero-cta b{font-size:15px;font-weight:400}.hero-caption{position:absolute;left:0;right:-65%;bottom:-113px;border-top:1px solid #ffffff38;padding-top:12px;display:flex;justify-content:space-between;color:#939ba7;font-size:8px;letter-spacing:.1em}.hero-art{height:435px;position:relative;z-index:1;display:grid;place-items:center}.poem-card{position:relative;width:275px;height:366px;background:#f3ead9;color:var(--navy);padding:20px 22px;transform:rotate(5deg);box-shadow:12px 16px 0 #18294855,0 23px 48px #060f20aa}.card-shadow{position:absolute;width:266px;height:354px;background:#d8c9ad;transform:rotate(-6deg) translate(-10px,7px);box-shadow:0 0 0 1px #f8edda77}.card-meta,.card-foot{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#767264}.card-meta{border-bottom:1px solid #c9bea9;padding-bottom:9px}.card-kanji{font:600 62px/.94 var(--serif);position:absolute;right:29px;top:74px;color:#b34437;writing-mode:vertical-rl}.card-name{font:500 22px var(--serif);letter-spacing:.15em;margin-top:46px}.card-desc{font-size:10px;line-height:1.9;color:#73756e;margin-top:15px}.card-stamp{position:absolute;left:23px;bottom:79px;border:1px solid var(--red);color:var(--red);width:28px;height:28px;display:grid;place-items:center;font:16px var(--serif);transform:rotate(-8deg)}.card-foot{position:absolute;bottom:16px;left:22px;right:22px;border-top:1px solid #c9bea9;padding-top:8px}.card-foot span:last-child{font-size:14px;color:var(--red)}.art-orbit{position:absolute;width:355px;height:355px;border:1px solid #fff4;border-radius:50%;transform:rotate(-24deg) scaleY(.45)}.art-note{position:absolute;color:#f3e7d0;font-size:8px;letter-spacing:.14em}.note-top{top:9%;right:7%;line-height:1.8}.note-bottom{bottom:8%;left:2%;writing-mode:vertical-rl}.red-dot{position:absolute;width:8px;height:8px;background:#f0ae88;border-radius:50%;top:19%;left:11%;box-shadow:0 0 14px #f0ae88}.hero-bottom{position:absolute;bottom:0;left:7.3%;right:7.3%;height:44px;border-top:1px solid #ffffff32;display:flex;align-items:center;justify-content:space-between;color:#8993a1;font-size:7px;letter-spacing:.18em}.hero-bottom span:nth-child(2){font-size:16px;color:#dc8e73}.section{padding:100px 12%}.atelier{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:42px}.eyebrow.dark{color:#89877d}.eyebrow.dark>span{background:var(--red)}.section-head h2,.theme-heading h2{font:500 clamp(33px,4.2vw,48px)/1.5 var(--serif);letter-spacing:.04em;margin:17px 0 7px}.section-head h2 em,.theme-heading h2 em{font-style:normal;color:var(--red)}.section-intro{font-size:11px;color:#787970;margin:0;line-height:1.9}.stamp-vertical{border:1px solid #cbbfaf;color:var(--red);font:20px/1.6 var(--serif);padding:6px 8px;transform:rotate(7deg)}.atelier-layout{display:grid;grid-template-columns:255px 1fr;border:1px solid var(--line);background:#eee8dc;min-height:440px}.atelier-side{padding:27px 25px;border-right:1px solid var(--line);position:relative}.side-number{font-size:9px;color:#b43f33;letter-spacing:.13em}.atelier-side h3{font:500 22px/1.7 var(--serif);margin:15px 0 5px}.atelier-side>p{font-size:9px;line-height:1.8;color:#848278;margin-bottom:20px}.category-list{display:grid;gap:4px}.category-choice{display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:9px 8px;color:#696a63;text-align:left;cursor:pointer;font-size:10px;transition:.16s}.category-choice small{font-size:8px;color:#a0a095}.category-choice:hover,.category-choice.active{background:var(--navy);color:#fff}.category-choice.active small,.category-choice:hover small{color:#edaa8d}.side-tip{display:flex;align-items:start;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:24px}.side-tip span{color:var(--red)}.side-tip p{font:9px/1.8 var(--serif);color:#77786f;margin:0}.generator-box{padding:27px 32px;background:#f9f5ec}.generator-top{display:flex;justify-content:space-between;color:#a14336;font-size:8px;letter-spacing:.12em}.live-dot{color:#8a8a7e;letter-spacing:.03em}.live-dot:first-letter{color:#788b70}.generator-title-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0 19px}.generator-title-row h3{font:500 24px var(--serif);margin:0 0 6px}.generator-title-row p{font-size:10px;color:#838278;margin:0}.brush-mark{font:27px var(--serif);color:#c95443;border:1px solid #dbb8a6;width:46px;height:46px;display:grid;place-items:center;transform:rotate(7deg)}.filters{display:flex;gap:12px;margin:17px 0 20px}.filter-wrap{display:flex;align-items:center;gap:7px;color:#77786f;font-size:9px}.filter-wrap select{border:1px solid #d8d1c4;background:#fffdf8;padding:7px 24px 7px 9px;color:#303a4c;font-size:9px;max-width:150px}.results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#77786f;font-size:9px}.results-head button{border:0;background:none;color:#a14438;font-size:9px;cursor:pointer}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.result-card{background:#eee8dc;border:1px solid #e0d8c9;padding:13px 12px 10px;min-height:117px;position:relative;animation:appear .22s ease-out}.result-card:hover{border-color:#cb9d85;transform:translateY(-2px)}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.result-number{font-size:7px;color:#a2a091;letter-spacing:.1em}.result-name{font:500 19px var(--serif);color:var(--navy);margin:10px 0 3px;letter-spacing:.04em}.result-reading{font-size:9px;color:#a34638}.result-note{font-size:8px;color:#8b8b80;margin-top:7px}.result-actions{position:absolute;right:8px;top:7px;display:flex;gap:2px}.result-actions button{border:0;background:transparent;color:#818278;cursor:pointer;font-size:13px;padding:2px}.result-actions button:hover,.result-actions button.is-saved{color:var(--red)}.generate-row{display:flex;align-items:center;gap:16px;margin-top:17px}.generate-button{background:var(--red);border:0;color:white;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:35px;font-size:10px;cursor:pointer;transition:.2s}.generate-button:hover{background:#9e352c}.generate-button b{font-size:16px;font-weight:400}.privacy-note{font-size:8px;color:#9c9b90}.themes{background:var(--paper2);padding-top:91px;padding-bottom:100px}.theme-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.theme-heading h2{margin-bottom:0}.theme-heading>p{font-size:10px;line-height:2;color:#777970;margin:0 5px 7px 0}.theme-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.theme-card{grid-column:span 2;border:0;min-height:180px;text-align:left;padding:18px 19px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.theme-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #12203a18}.theme-card:nth-child(4){grid-column:2/span 2}.theme-one{background:#f8f2e8;color:var(--navy)}.theme-two{background:#172642;color:#f4eee2}.theme-three{background:#b9493b;color:#fff4e7}.theme-four{background:#d5c5a9;color:var(--navy)}.theme-five{background:#313a51;color:#f3ebdd}.theme-number{font-size:7px;letter-spacing:.14em;opacity:.7;position:relative;z-index:1}.theme-glyph{position:absolute;right:20px;top:26px;font:60px var(--serif);opacity:.13}.theme-card strong{display:block;font:500 19px var(--serif);margin-top:40px;position:relative;z-index:1}.theme-card small{display:block;font-size:8px;opacity:.72;margin-top:8px;position:relative;z-index:1}.theme-arrow{position:absolute;right:17px;bottom:16px;font-size:15px}.note-band{min-height:480px;background:var(--navy);color:var(--paper);padding:80px 16% 55px;position:relative;overflow:hidden}.note-sun{position:absolute;width:430px;height:430px;border-radius:50%;right:-35px;top:25px;background:#bd493b;opacity:.9}.note-content{max-width:560px;position:relative;z-index:1}.eyebrow.light{color:#bbb9b0}.note-content h2{font:500 43px/1.65 var(--serif);letter-spacing:.07em;margin:24px 0 15px}.note-content h2 em{color:#eb9a78;font-style:normal}.note-content>p:not(.eyebrow){font-size:10px;line-height:2.1;color:#c5c8ca;max-width:420px}.note-content>a{display:inline-block;margin-top:13px;color:#f5e9d5;text-decoration:none;border-bottom:1px solid #e39070;padding-bottom:7px;font-size:9px}.note-kanji{position:absolute;right:15%;top:103px;z-index:1;font:500 54px/1.5 var(--serif);writing-mode:vertical-rl;color:#f5e9d5;opacity:.9;letter-spacing:.16em}.note-footer{position:absolute;bottom:0;left:7.3%;right:7.3%;height:42px;border-top:1px solid #ffffff35;display:flex;justify-content:space-between;align-items:center;color:#9da5b1;font-size:8px;letter-spacing:.07em}.footer{min-height:86px;display:flex;justify-content:space-between;align-items:center;padding:18px 7.3%;background:#eae3d6;color:#838278;font-size:8px}.footer .brand-seal{width:30px;height:30px;font-size:16px}.footer .brand b{font-size:13px}.footer .brand small{font-size:6px}.footer>a:last-child{text-decoration:none}.toast{position:fixed;z-index:12;bottom:24px;left:50%;transform:translate(-50%,14px);background:var(--navy);color:#fff;padding:12px 18px;font-size:10px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#071125c9;display:grid;place-items:center;padding:20px}.saved-modal{width:min(540px,100%);max-height:80vh;overflow:auto;background:var(--paper);padding:27px}.modal-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.modal-head h2{font:500 25px var(--serif);margin:10px 0 0}.modal-head>button{border:0;background:none;color:#777;font-size:24px;cursor:pointer}.saved-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#eee8dc;margin:7px 0}.saved-item strong{font:500 17px var(--serif)}.saved-item small{display:block;color:#888;margin-top:4px;font-size:8px}.saved-item button{border:0;background:none;color:#a34437;cursor:pointer}.saved-empty{text-align:center;color:#888;padding:34px 8px;font:12px var(--serif)}@media(max-width:900px){.topbar{padding:0 5%}.nav{gap:20px;margin-right:25px}.hero{padding-left:10%;padding-right:10%}.section{padding-left:8%;padding-right:8%}.atelier-layout{grid-template-columns:220px 1fr}.atelier-side{padding:23px 19px}.generator-box{padding:24px 23px}.theme-grid{gap:9px}.theme-card{padding:16px}.note-band{padding-left:12%;padding-right:12%}}@media(max-width:650px){.topbar{height:70px;padding:0 5%}.brand{gap:9px}.brand-seal{width:32px;height:32px;font-size:17px}.brand b{font-size:14px}.brand small{font-size:6px}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:18px 7%;border-bottom:1px solid var(--line);flex-direction:column;gap:17px;margin:0}.nav.open{display:flex}.nav-toggle{display:block;margin-left:13px}.saved-top{margin-left:auto;padding:8px 10px}.hero{min-height:0;padding:64px 8% 62px;grid-template-columns:1fr}.hero-sun{width:290px;height:290px;right:-5%;top:48%}.ring-a{width:370px;height:370px;right:-19%;top:42%}.ring-b{width:450px;height:450px;right:-29%;top:36%}.vertical-note{left:-20px;top:12px;font-size:8px}.hero h1{font-size:46px;margin-top:20px}.hero-lead{font-size:10px}.hero-caption{position:static;margin-top:32px;font-size:6px;gap:10px}.hero-art{height:365px;margin-top:20px}.poem-card{transform:scale(.88) rotate(5deg)}.card-shadow{transform:scale(.88) rotate(-6deg) translate(-10px,7px)}.art-note.note-top{right:2%;top:4%}.art-note.note-bottom{bottom:1%;left:0}.hero-bottom{left:8%;right:8%;height:40px;font-size:6px}.section{padding:67px 6%}.section-head{margin-bottom:27px}.section-head h2,.theme-heading h2{font-size:34px}.section-intro{font-size:9px;max-width:290px}.stamp-vertical{font-size:16px}.atelier-layout{grid-template-columns:1fr}.atelier-side{border-right:0;border-bottom:1px solid var(--line);padding:19px}.atelier-side h3{font-size:18px;line-height:1.5;margin:9px 0 4px}.atelier-side>p{margin-bottom:12px}.category-list{grid-template-columns:repeat(2,1fr);gap:4px}.category-choice{font-size:9px;padding:8px}.side-tip{display:none}.generator-box{padding:20px 15px}.generator-title-row h3{font-size:20px}.generator-title-row p{font-size:9px}.filters{gap:8px;flex-wrap:wrap}.filter-wrap{font-size:8px}.filter-wrap select{font-size:8px;padding:6px 17px 6px 6px;max-width:128px}.results{grid-template-columns:repeat(2,1fr);gap:7px}.result-card{min-height:112px;padding:11px 9px}.result-name{font-size:17px}.generate-row{align-items:flex-start;flex-direction:column;gap:9px}.generate-button{width:100%;justify-content:space-between}.theme-heading{display:block;margin-bottom:24px}.theme-heading>p{font-size:9px;margin-top:12px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:8px}.theme-card,.theme-card:nth-child(4){grid-column:span 1;min-height:151px;padding:13px}.theme-card:last-child{grid-column:1/-1;min-height:130px}.theme-number{font-size:6px}.theme-glyph{font-size:46px;right:12px;top:23px}.theme-card strong{font-size:16px;margin-top:35px}.theme-card small{font-size:7px}.note-band{min-height:460px;padding:63px 8% 60px}.note-sun{width:290px;height:290px;right:-122px;top:140px}.note-content h2{font-size:34px}.note-content>p:not(.eyebrow){font-size:9px;max-width:280px}.note-kanji{right:9%;top:245px;font-size:35px}.note-footer{left:6%;right:6%;font-size:6px;gap:15px}.footer{padding:16px 6%;gap:12px;flex-wrap:wrap}.footer>span{order:3;width:100%;font-size:7px}.footer>a:last-child{font-size:7px}}