.quote-wrap{gap:var(--gap-grid);flex-direction:column;min-width:0;max-width:1080px;margin:0 auto;display:flex}.quote-wrap *,.q-grid,.q-card,.q-hero{min-width:0}.q-datebar{justify-content:center;align-items:center;gap:10px;display:flex}.q-datebar-nav{appearance:none;border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink-2);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:all .14s;display:grid}.q-datebar-nav:hover{background:var(--surface-sunken);border-color:var(--line-strong);color:var(--ink)}.q-datebar-center{text-align:center;flex-direction:column;flex:0 auto;align-items:center;gap:4px;min-width:0;display:flex}.q-datebar-date{font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:800}.q-datebar-today{appearance:none;background:var(--accent-soft);color:var(--accent);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;border:0;border-radius:999px;padding:3px 12px;font-weight:800;transition:all .14s}.q-datebar-today:hover{background:var(--accent);color:#fff}.q-datebar-today[data-today=true]{visibility:hidden}.q-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2xl);box-shadow:var(--sh-md);padding:clamp(34px,5vw,64px);position:relative;overflow:hidden}.q-hero[data-bg=accent]{background:var(--accent);border-color:var(--accent)}.q-hero[data-bg=accent] .q-mark,.q-hero[data-bg=accent] .q-text{color:#fff}.q-hero[data-bg=accent] .q-author{color:#fffffff5}.q-hero[data-bg=accent] .q-source{color:#ffffffb3}.q-hero[data-bg=accent] .q-author-line{background:#ffffff80}.q-hero[data-bg=accent] .q-deco{color:#ffffff1a}.q-deco{color:var(--accent-soft);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.9;font-family:Gowun Batang,serif;font-size:360px;line-height:1;position:absolute;bottom:-60px;right:-18px}.q-hero-top{align-items:center;gap:8px;margin-bottom:22px;display:flex;position:relative}.q-mark{color:var(--accent);font-family:Gowun Batang,serif;font-size:56px;font-weight:700;line-height:.6}.q-text{letter-spacing:-.02em;color:var(--ink);word-break:keep-all;text-wrap:pretty;margin:0 0 28px;font-family:Gowun Batang,serif;font-size:clamp(26px,4.2vw,46px);font-weight:700;line-height:1.45;position:relative}.q-author-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:relative}.q-author-line{background:var(--accent);border-radius:2px;width:30px;height:2px}.q-author{font-size:var(--fs-xl);letter-spacing:-.02em;color:var(--ink);font-weight:800}.q-source{font-size:var(--fs-sm);color:var(--muted);font-weight:600}.q-cat{font-size:var(--fs-sm);letter-spacing:-.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-weight:800;display:inline-flex}.q-cat[data-c=great]{background:var(--accent-soft);color:var(--accent)}.q-cat[data-c=classic]{background:var(--amber-soft);color:var(--amber)}.q-cat[data-c=modern]{background:var(--blue-soft);color:var(--blue)}.q-cat[data-c=growth]{background:var(--green-soft);color:var(--green)}.q-hero[data-bg=accent] .q-cat{color:#fff!important;background:#ffffff38!important}.q-grid{gap:var(--gap-grid);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.q-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--pad-card);flex-direction:column;gap:14px;display:flex}.q-card.is-action{background:var(--accent-tint);border-color:var(--accent-soft)}.q-card-head{align-items:center;gap:11px;display:flex}.q-card-ico{border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.q-card-ico svg{width:21px;height:21px}.q-card.interpret .q-card-ico{background:var(--blue-soft);color:var(--blue)}.q-card.reason .q-card-ico{background:var(--accent-soft);color:var(--accent)}.q-card.action .q-card-ico{background:var(--accent);color:#fff}.q-card.question .q-card-ico{background:var(--amber-soft);color:var(--amber)}.q-card-label{font-size:var(--fs-lg);letter-spacing:-.02em;color:var(--ink);font-weight:800;line-height:1.3}.q-card-label .q-num{font-size:var(--fs-md);color:var(--faint);font-variant-numeric:tabular-nums;margin-right:8px;font-weight:800}.q-card-body{font-size:var(--fs-md);color:var(--ink-2);word-break:keep-all;text-wrap:pretty;flex:1;line-height:1.7}.q-card.is-action .q-card-body{color:var(--ink);font-weight:700}.q-card-body.typing:after{content:"";background:var(--accent);vertical-align:-2px;width:2px;height:1.05em;margin-left:2px;animation:.9s step-end infinite qcaret;display:inline-block}.q-card.action .q-card-body.typing:after{background:var(--accent-strong)}@keyframes qcaret{50%{opacity:0}}.q-action-foot{justify-content:flex-end;padding-top:2px;display:flex}.q-card-head .q-practice-check{flex-shrink:0;margin-left:auto;padding:7px 14px}.q-card-head .q-card-label{flex:0 auto}.q-practice-check{appearance:none;border:1.5px solid var(--accent);background:var(--surface);color:var(--accent);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:10px 18px;font-weight:800;transition:all .14s;display:inline-flex}.q-practice-check:hover{background:var(--accent);color:#fff}.q-practice-check[data-done=true]{background:var(--green);border-color:var(--green);color:#fff}.q-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.q-actions .btn{white-space:nowrap}.fade-pop{animation:.4s cubic-bezier(.2,.8,.2,1) qpop}@keyframes qpop{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@media (max-width:720px){.q-grid{grid-template-columns:1fr}}@media (max-width:520px){.q-hero{border-radius:var(--r-xl);padding:24px 20px}.q-deco{font-size:200px;bottom:-36px;right:-10px}.q-mark{font-size:40px}.q-text{margin-bottom:20px;font-size:clamp(21px,6vw,30px)}.q-hero-top{margin-bottom:16px}.q-datebar{gap:6px}.q-datebar-nav{width:36px;height:36px}.q-datebar-date{font-size:var(--fs-md)}.q-author{font-size:var(--fs-lg)}.q-card-head{flex-wrap:wrap}.q-card-head .q-practice-check{padding:6px 12px}}@media (max-width:360px){.q-hero{padding:18px 15px}.q-text{font-size:20px}}
