@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Literata:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#302a3c;background:#ede5ec;font-synthesis:none;--paper: #fffaf4;--surface: #fffefd;--muted: #777080;--accent: #70527e;--border: #eae0de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d8b674;outline-offset:2px}.app{width:min(100%,1020px);min-height:100dvh;margin:0 auto;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));background:var(--paper);box-shadow:0 20px 85px #40304d1c}header{display:flex;align-items:center;gap:11px;min-height:72px;padding:8px max(23px,env(safe-area-inset-left,0px));border-bottom:1px solid #e9e0df;font:700 19px Literata,Georgia,serif;letter-spacing:-.045em}header button{margin-left:auto;width:40px;height:40px;border-radius:50%;background:#f2eaf0;display:grid;place-items:center}.mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f7eacb;color:#7c5287;font:24px Georgia,serif}main{padding:26px clamp(18px,4vw,46px) 46px}h1,h2,h3{font-family:Literata,Georgia,serif;letter-spacing:-.06em}h1{font-size:clamp(31px,5vw,45px);line-height:1.18;margin:12px 0 16px}h2{font-size:23px;margin:0}h3{font-size:21px;margin:8px 0}p{line-height:1.55}.eyebrow{color:#a67b55;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.16em}.intro,.muted{color:var(--muted)}.intro{max-width:620px;line-height:1.65;margin:0 0 22px}.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:340px;border-radius:30px;padding:40px clamp(24px,5vw,56px);overflow:hidden;background:radial-gradient(circle at 79% 26%,#765a92 0,transparent 35%),linear-gradient(130deg,#322a4c,#594172 78%);color:#fff7ee;box-shadow:0 18px 38px #4d386c2e}.hero:before{content:"";position:absolute;inset:auto -10% -57% 22%;height:84%;background:#92719755;border-radius:50%;transform:rotate(-12deg);z-index:-1}.hero-copy{z-index:1;max-width:430px}.hero .eyebrow{color:#edd4a2}.hero h1{font-size:clamp(35px,5.4vw,52px);margin:18px 0 14px}.hero p{color:#f3e9f1;max-width:375px;margin:0 0 25px}.primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:53px;padding:12px 18px;color:#fff;background:#765483;border-radius:15px;font-weight:700;box-shadow:0 6px 15px #76548326;transition:transform .15s ease,background .15s ease}.primary:hover{background:#644371;transform:translateY(-1px)}.hero .primary{max-width:260px;background:#ffebcb;color:#42314c}.hero .primary:hover{background:#fff4e2}.cover-art{width:220px;height:260px;position:absolute;right:8%;top:32px;pointer-events:none}.cover-moon{position:absolute;right:7px;top:0;font:100px Georgia,serif;color:#f5dea9;transform:rotate(-25deg);text-shadow:0 0 30px #f7dfa860}.cover-star{position:absolute;color:#f1d6a4;font:34px Georgia,serif}.cover-star.first{left:20px;top:19px}.cover-star.second{left:123px;top:99px;font-size:22px}.cover-star.third{left:41px;top:125px;font-size:17px}.cover-book{position:absolute;bottom:0;left:25px;width:165px;height:104px;border:3px solid #fcecc7;border-radius:4px 16px 14px 4px;background:linear-gradient(115deg,#cb9296,#aa7898 49%,#d3a89c 50%,#bd8b9c);transform:rotate(-14deg);box-shadow:10px 15px 0 -7px #fbe9c5,13px 17px 23px #281c3577}.cover-book:before{content:"";position:absolute;left:48%;top:0;height:100%;width:3px;background:#fbe4c5cc}.cover-book span{display:block;color:#f8e5be;font-size:55px;text-align:center;line-height:92px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:29px 0 13px}.section-title button,.text-button{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:700;text-align:left}.section-title button:hover,.text-button:hover{text-decoration:underline}.child-row{display:flex;gap:10px;overflow-x:auto;padding:5px 0 12px;scrollbar-width:thin}.child-chip{display:flex;gap:9px;align-items:center;white-space:nowrap;border:1px solid #e5d9e4;border-radius:40px;padding:5px 14px 5px 5px}.child-chip.active{border-color:#7b5b8b;background:#f3e9f6}.avatar{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#dccae3;color:#624073;font-family:Literata,Georgia,serif;font-weight:700}.card,.empty{border:1px solid #eee3e2;background:var(--surface);border-radius:22px;padding:23px;margin:15px 0;box-shadow:0 8px 25px #7054830b}.card p{color:var(--muted);margin:8px 0 18px}.card .text-button{padding:4px 0}.world-card{background:linear-gradient(125deg,#fffaf4,#f9f0f8);border-color:#eadce9}.empty{text-align:center;color:var(--muted)}.empty>svg{color:#b38eaa}.empty .text-button{margin:auto}.book-item{display:flex;align-items:center;border:1px solid #ede1de;background:#fffefd;border-radius:17px;margin:9px 0;padding-right:8px;box-shadow:0 5px 16px #7054830a}.book-row{display:flex;width:100%;min-width:0;align-items:center;gap:13px;padding:13px 15px;text-align:left}.book-row strong{flex:1;min-width:0;font-size:15px}.book-row strong small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}.book-row>span:first-child:not(.book-icon){color:#b591aa;font-size:26px}.book-row>span:last-child{font-size:12px;color:#8c628b}.book-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:52px;border-radius:12px;color:#916f89;background:#f5eaf2}.icon-danger{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:11px;color:#aa7373}.icon-danger:hover{background:#fff0ed}.form{display:grid;gap:18px;max-width:760px;margin-top:24px}.form-section{display:grid;gap:16px;border-radius:22px;border:1px solid #ede1de;background:#fffefd;padding:clamp(18px,4vw,26px)}.form-section-title{font:700 19px Literata,Georgia,serif;padding-bottom:9px;border-bottom:1px solid #eee4e2}.advanced{border:1px solid #eadce8;border-radius:17px;padding:16px 19px;background:#fdf8fd}.advanced summary{color:#735082;font-weight:700;cursor:pointer}.advanced[open]{display:grid;gap:16px}.form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form label{display:grid;gap:7px;color:#3f3649;font-weight:600;font-size:14px}.form small{color:var(--muted);font-weight:400;line-height:1.5}.form input,.form select,.form textarea{display:block;width:100%;min-width:0;min-height:46px;padding:12px 13px;border:1px solid #ddd1dd;border-radius:13px;background:#fffcfa;color:#332c3d;font-size:16px}.form textarea{resize:vertical;min-height:82px}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--accent)}.form .primary{max-width:360px}.notice{max-width:760px;border-radius:13px;background:#f7edf4;padding:13px 15px;color:#67506e}.balance{background:#efe8f2;color:#604677;border-radius:14px;padding:16px;font-weight:600}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0}.variant{border:1px solid #eadfe8;border-radius:20px;background:#fffefd;padding:9px;overflow:hidden;box-shadow:0 9px 20px #70548310;text-align:left}.variant img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:14px;background:#f5f0e9}.variant span{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:13px 7px 8px;color:#624473;font-weight:700}.variant:hover{border-color:#ac8caf}.progress{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.orbit{font-size:78px;color:#b893c2;animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-13px) rotate(14deg)}}.progress-bar{width:min(330px,80%);height:7px;overflow:hidden;border-radius:9px;background:#e4d9e5}.progress-bar span{display:block;height:100%;width:37%;border-radius:9px;background:#96719e;animation:load 3s ease-in-out infinite}@keyframes load{50%{transform:translate(175%)}}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;overflow-y:auto;overscroll-behavior:contain;background:#fffaf4;padding:calc(24px + env(safe-area-inset-top,0px)) max(22px,calc((100vw - 680px)/2)) calc(80px + env(safe-area-inset-bottom,0px))}.reader .back{color:#805f87;font-weight:700;padding:9px 0;margin-bottom:30px}.reader h1{margin-bottom:38px}.reader article{margin:0 0 46px}.reader article img{display:block;width:100%;border-radius:18px;aspect-ratio:1;object-fit:contain;background:#f0e9e2}.reader article h2{margin-top:26px}.reader article p{font:18px/1.82 Literata,Georgia,serif;white-space:pre-wrap}.reader .primary{margin-top:25px}.reader-delete{display:block;color:#a16a6b;margin:27px auto 10px;text-decoration:underline}.settings-child{border-top:1px solid #eee4e2;padding:18px 0}.settings-child-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.settings-child .text-button{display:flex;padding:6px 0}.danger{display:inline-block;color:#a05758;margin:8px 0;padding:7px 0;text-decoration:underline}.error{margin:13px 20px;padding:15px;border-radius:12px;background:#fcebe9;color:#913d43;font-size:14px}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:4;display:flex;justify-content:space-around;width:min(100%,1020px);min-height:calc(69px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fffefaee;border-top:1px solid #e8dfe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}nav button{display:grid;justify-items:center;align-content:center;gap:4px;min-width:67px;padding:5px;color:#847c8c;font-size:11px}nav button.selected{color:#765483;font-weight:700}.night{--paper: #242134;--surface: #302c40;--muted: #b8adbf;--accent: #dfbce8;--border: #55485c;color:#f7ebf0;background:#191827}.night .app{background:var(--paper)}.night header{border-color:#4d4259}.night header button,.night .child-chip.active,.night .form input,.night .form select,.night .form textarea{background:#383149;color:#f7ebf0}.night .card,.night .form-section,.night .book-item,.night .variant,.night .advanced{border-color:#52435a;background:#302c40}.night .form label,.night .form-section-title,.night .advanced summary{color:#f7ebf0}.night .book-icon,.night .balance,.night .notice{background:#413650;color:#eee0f1}.night nav{background:#2b2639f3;border-color:#52435a}.night nav button.selected{color:#ead0f1}.night .reader{background:#242134;color:#f7ebf0}@media (max-width: 760px){.cover-art{right:3%;opacity:.8;transform:scale(.82);transform-origin:top right}.hero-copy{max-width:62%}.hero h1{font-size:39px}}@media (max-width: 600px){.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:345px;padding:30px 24px;align-items:flex-start}.hero-copy{max-width:100%}.hero p{max-width:245px}.cover-art{top:109px;right:3%;opacity:.5;transform:scale(.67)}.hero .primary{position:relative;z-index:2}.form-pair{grid-template-columns:1fr;gap:15px}}@media (max-width: 420px){main{padding:24px 18px 36px}.hero{min-height:376px;border-radius:25px}.hero h1{font-size:35px}.hero p{max-width:260px}.cover-art{top:109px;right:-3%;opacity:.38}.variant-grid{grid-template-columns:1fr}.variant img{max-height:330px}.reader article p{font-size:17px}.book-row{gap:9px;padding-left:9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}