:root{color-scheme:dark;--bg:#10090e;--panel:#211218;--line:#69323a;--red:#c84e59;--gold:#dcb77f;--text:#f7eee7;--muted:#baa5a6}*{box-sizing:border-box}body{margin:0;background:#09070a;color:var(--text);font-family:'Noto Serif KR','Malgun Gothic',serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:520px;margin:auto;min-height:100dvh;background:var(--bg);position:relative;overflow:hidden;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.shell:before{content:'';position:absolute;inset:0 0 auto;height:520px;background:radial-gradient(ellipse at 50% 18%,#762b39aa,transparent 68%);pointer-events:none}.content{position:relative;padding:24px 24px 12px}.top{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{font-size:21px;letter-spacing:3px;color:var(--gold)}.small{font-size:12px;color:var(--muted)}.ghost{border:1px solid #72505a;background:#1c1017;color:var(--text);border-radius:12px;padding:10px 13px}.hero{height:360px;margin:22px -24px 16px;position:relative;background:radial-gradient(circle at 50% 36%,#ae4c4c66,transparent 30%),linear-gradient(180deg,#24121d,#401823 57%,#10090e);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero:before,.hero:after{content:'✦';position:absolute;font-size:80px;color:#db9d6b2b;top:20%;left:4%}.hero:after{left:auto;right:5%;top:50%}.moon{font-size:92px;color:var(--gold);filter:drop-shadow(0 0 35px #d68e77);line-height:1}.ornament{color:#e0ad7b;letter-spacing:12px;margin:16px}.hero h1{font-size:34px;line-height:1.45;font-weight:500;margin:10px 0}.hero p{color:#e0c5c1;line-height:1.9;margin:5px 24px}.label{font-size:12px;color:var(--red);font-weight:700;letter-spacing:2px;margin:24px 0 8px}.title{font-size:28px;line-height:1.55;margin:10px 0 18px;font-weight:500}.card{background:linear-gradient(145deg,#27141c,#190f15);border:1px solid #61313b;border-radius:18px;padding:18px;margin:12px 0}.card p{line-height:1.85;color:#d7c5c5}.cta{display:block;width:100%;padding:17px;border:1px solid #e88a82;border-radius:13px;color:white;background:linear-gradient(180deg,#ba384a,#761827);font-size:17px;font-weight:700;margin-top:16px;box-shadow:0 8px 22px #0005}.cta:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#21131a;border:1px solid #65434a}.field{width:100%;padding:16px;background:#140b11;border:1px solid #6a3c45;border-radius:12px;color:#fff;outline:none;margin:7px 0 14px}.field:focus{border-color:#e5b079}textarea.field{min-height:115px;resize:vertical}.fieldlabel{display:block;color:#e7bdad;font-size:13px;margin-top:15px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.choice{padding:15px 8px;background:#201117;color:#eee;border:1px solid #64313b;border-radius:11px}.choice.active{background:#64202c;border-color:#e58e84}.step{height:3px;background:#39232a;border-radius:9px;margin:22px 0}.step>span{display:block;height:100%;background:#df5865;transition:width .2s}.flex{display:flex;gap:10px;align-items:center}.flex>*{flex:1}.bubble{background:#321d25;border:1px solid #69343d;border-radius:19px 19px 19px 3px;padding:17px;line-height:1.9;margin:15px 24px 15px 0;white-space:pre-wrap}.bubble.user{background:#542b31;border-radius:19px 19px 3px 19px;margin:15px 0 15px 35px}.muted{color:var(--muted);line-height:1.8}.section{border-top:1px solid #49313a;margin-top:24px;padding-top:20px}.book{border:1px solid #bb8c69;background:linear-gradient(130deg,#361b25,#140d13);padding:34px 20px;text-align:center;margin:20px 0;box-shadow:inset 0 0 0 7px #2a1520,inset 0 0 0 8px #9b6654;border-radius:5px}.book h2{font-size:28px;font-weight:400}.book .moon{font-size:50px}.pill{display:inline-block;padding:6px 12px;border:1px solid #8d515a;border-radius:99px;font-size:12px;color:#e3c0bb}.archive{display:flex;justify-content:space-between;align-items:center;gap:12px}.archive button{white-space:nowrap}.foot{font-size:11px;color:#9d888a;line-height:1.8;margin-top:28px}a{color:var(--gold)}@media(min-width:600px){body{padding:22px 0}.shell{border:1px solid #4d3038;border-radius:22px;min-height:calc(100dvh - 44px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Wolryeongdang mobile account menu v0.2.1 */
.wry-account {
  position: relative;
}

.wry-account > summary {
  display: block;
  list-style: none;
  cursor: pointer;
  white-space: nowrap;
}

.wry-account > summary::-webkit-details-marker {
  display: none;
}

.wry-account-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 20;
  min-width: 110px;
  padding: 8px;
  border: 1px solid #70404b;
  border-radius: 10px;
  background: #211019;
  box-shadow: 0 8px 24px #0008;
}

.wry-account-menu button {
  width: 100%;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .top {
    gap: 8px;
  }

  .top .brand {
    white-space: nowrap;
  }
}