:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#302c25;background:#f5f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer;border:0}.app{min-height:100dvh;max-width:680px;margin:auto;padding:0 0 104px;background:#fffdf8;box-shadow:0 0 40px #5f432a12}.app>header{height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;background:#fffdf8ee;backdrop-filter:blur(10px)}.brand{color:#302c25;text-decoration:none;font-size:17px}.brand:first-letter{color:#d59449}.icon-button{width:36px;height:36px;border-radius:50%;background:#f5eee3;color:#a96e40;font-size:22px}.hero{margin:7px 18px 30px;padding:34px 25px 27px;border-radius:24px;color:#fffdf8;background:radial-gradient(circle at 84% 13%,#dba660 0 13%,transparent 13.5%),linear-gradient(135deg,#8d6650,#b97a4a);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:210px;height:210px;right:-110px;bottom:-140px;border:1px solid #fff5;border-radius:50%;box-shadow:0 0 0 27px #fff1,0 0 0 55px #fff1}.hero p,.kicker{margin:0 0 11px;color:#d69d5e;font-size:13px;font-weight:700}.hero p{color:#f6dcba}.hero h1,.page h1,.mood h1{font-size:28px;line-height:1.32;letter-spacing:-1.2px;margin:0 0 25px}.hero>div{position:relative;z-index:1;border-left:2px solid #f4d0a1;padding-left:12px;font-size:16px;line-height:1.6}.hero small{display:block;color:#f6dfc1;font-size:12px;margin-top:4px}.hero button{position:relative;z-index:1;background:none;color:#fffdf8;font-size:13px;font-weight:700;padding:17px 0 0}.home,.page{padding:0 22px}.home h2{font-size:25px;letter-spacing:-1px;margin:0 0 7px}.desc{color:#777067;font-size:14px;line-height:1.55;margin:0 0 21px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid button{min-height:104px;text-align:left;padding:15px;border-radius:17px;background:#fff;border:1px solid #f1e8dc;box-shadow:0 3px 12px #684b2b09}.grid button:hover{border-color:#dbb789}.grid span{display:block;font-size:24px;margin-bottom:8px}.grid strong{display:block;font-size:14px}.grid small{display:block;color:#938b80;font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice{margin-top:30px;background:#f5eee5;border-radius:18px;padding:16px;display:flex;align-items:center;gap:11px}.notice>span{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;background:#fffdf8;color:#bd8351;font-size:20px}.notice div{flex:1}.notice b{font-size:13px}.notice p{font-size:11px;color:#84776c;margin:3px 0 0}.notice button{border-radius:10px;background:#fffdf8;color:#9c6237;padding:9px 11px;font-weight:700;font-size:12px}.verse{padding:16px 22px 0}.back{color:#796e62;background:none;font-size:14px;padding:4px 0 22px}.mood{display:flex;align-items:center;gap:12px}.mood>span{background:#f6ede1;width:51px;height:51px;display:grid;place-items:center;font-size:27px;border-radius:18px}.mood p{color:#978a7d;font-size:12px;margin:0 0 2px}.mood h1{margin:0}.verse article{margin-top:24px;position:relative;background:#fff;border:1px solid #f0e6d7;padding:31px 23px 25px;border-radius:24px;box-shadow:0 9px 30px #6d4b260f}.verse article>em{font-family:Georgia;color:#e0bd93;position:absolute;top:5px;left:19px;font-size:58px;font-style:normal}.verse blockquote{position:relative;margin:9px 0 12px;font-family:Georgia,serif;font-size:25px;line-height:1.48;letter-spacing:-.8px}.verse cite{font-style:normal;color:#ad7448;font-weight:700;font-size:13px}.verse hr{border:0;border-top:1px solid #eee6dc;margin:25px 0 17px}.verse article p{font-size:14px;color:#746b62;line-height:1.7;margin:0}.actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:13px}.actions button{padding:15px 8px;background:#fff;border:1px solid #f0e6d7;border-radius:14px;color:#75695e;font-size:18px}.actions b{font-size:12px;margin-left:7px}.actions .selected{color:#bd724d;background:#fff8ef}.another{display:block;margin:23px auto;background:none;color:#9b6137;font-size:13px;font-weight:700}.page{padding-top:31px}.page h1{margin-bottom:7px}.saved{margin-top:25px;display:grid;gap:10px}.saved article{display:flex;align-items:flex-start;gap:9px;padding:17px 14px;background:#fff;border:1px solid #f1e8dc;border-radius:16px}.saved em{color:#d9b58b;font:34px Georgia;line-height:.8}.saved div{flex:1}.saved strong{display:block;font:15px/1.45 Georgia,serif}.saved small{display:block;color:#ab754d;font-size:11px;margin-top:7px}.saved button{background:none;color:#b9aca0;font-size:20px}.empty{margin-top:52px;text-align:center;padding:30px 18px}.empty>span{display:block;font-size:36px;color:#d5aa83;margin-bottom:12px}.empty b{display:block;font-size:15px}.empty p{color:#857b71;font-size:13px;line-height:1.6;margin:9px 0 17px}.primary,.empty button{background:#a56840;color:white;border-radius:12px;padding:12px 17px;font-weight:700;font-size:13px}.setting{margin-top:28px;padding:19px 17px;background:#fff;border:1px solid #f0e6d7;border-radius:17px;display:flex;align-items:center;justify-content:space-between}.setting b{font-size:15px}.setting p{color:#8b8176;font-size:12px;margin:5px 0 0}.switch{width:47px;height:27px;border-radius:20px;padding:3px;background:#d8d0c6}.switch i{display:block;width:21px;height:21px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#b87747}.switch.on i{transform:translateX(20px)}.time{margin-top:13px}.time.off{opacity:.45}.time input{border:0;color:#a3663b;background:transparent;font:700 16px inherit}.primary{width:100%;padding:16px;margin-top:19px}.privacy{color:#9b9187;font-size:11px;line-height:1.55;text-align:center;margin:14px 17px}.app nav{position:fixed;left:50%;bottom:12px;z-index:3;width:calc(100% - 32px);max-width:648px;height:64px;transform:translateX(-50%);display:flex;justify-content:space-around;background:#fffdf8f2;border:1px solid #eadfce;border-radius:22px;box-shadow:0 10px 28px #56381524;backdrop-filter:blur(14px)}nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:45px;background:none;color:#94887e;font-size:21px}nav small{font-size:10px}nav .active{color:#a6673e;font-weight:800}.toast{position:fixed;z-index:5;left:50%;bottom:91px;transform:translateX(-50%) translateY(20px);opacity:0;transition:.2s;padding:12px 17px;border-radius:18px;background:#413a33;color:#fff;font-size:13px;box-shadow:0 8px 22px #0003;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%)}@media(min-width:540px){.grid{grid-template-columns:repeat(3,1fr)}}