:root{--bg: #faf8f4;--bg-deep: #f4f0e8;--surface: #ffffff;--surface-quiet: #f6f2ea;--ink: #191919;--ink-2: #333333;--muted: #555555;--faint: #8c8c8c;--line: #e7e1d6;--line-soft: #efe9df;--accent: #9880ff;--accent-press: #6f58d8;--accent-ink: #5d47c4;--accent-wash: #f9f8ff;--accent-line: #e2dcff;--danger: #a33350;--danger-wash: #fdf5f6;--ok: #1f6b52;--s1: 8px;--s2: 12px;--s3: 16px;--s4: 24px;--s5: 32px;--s6: 48px;--s7: 64px;--r-s: 8px;--r-m: 12px;--r-l: 16px;--shell: 1120px;--read: 760px;--nav: 232px;--lift: 0 1px 2px rgba(30, 26, 20, .04), 0 10px 30px rgba(30, 26, 20, .05)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:NanumGothic,Nanum Gothic,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:16px;line-height:1.75;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}a{color:var(--accent-ink)}h1,h2,h3,h4,p,li{word-break:keep-all}h1{margin:0;font-size:25px;line-height:1.4;letter-spacing:-.03em;font-weight:800}h2{margin:0;font-size:17px;line-height:1.5;letter-spacing:-.02em;font-weight:800}h3{margin:0;font-size:15px;line-height:1.5;letter-spacing:-.015em;font-weight:800}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app-shell{width:100%;min-height:100vh}.loading{display:grid;place-items:center;min-height:70vh;color:var(--faint)}.shell{display:grid;grid-template-columns:var(--nav) minmax(0,1fr);gap:var(--s7);width:min(var(--shell),100%);margin:0 auto;padding:0 var(--s6) var(--s7)}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s6) 0 var(--s5)}.brand{display:flex;align-items:center;gap:var(--s2);text-decoration:none;color:inherit}.brand-mark{width:32px;height:32px;border-radius:var(--r-s)}.brand-name{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:1.3}.brand-sub{display:block;margin-top:2px;color:var(--faint);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:2px;margin-top:var(--s2)}.tab-btn{position:relative;appearance:none;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:10px;padding:9px var(--s2);border-radius:var(--r-s);color:var(--muted);font-size:14.5px;font-weight:700;cursor:pointer;transition:color .15s ease,background .15s ease}.tab-btn:hover{color:var(--ink);background:var(--bg-deep)}.tab-btn.active{color:var(--ink);background:var(--accent-wash)}.tab-btn.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--accent)}.tab-btn.admin-tab{margin-top:var(--s2);color:var(--faint)}.tab-btn.admin-tab.active{color:var(--ink)}.only-mobile{display:none}.sidebar-foot{margin-top:auto;padding-top:var(--s4);border-top:1px solid var(--line-soft)}.who{font-size:14px;font-weight:800}.who-sub{margin-top:2px;color:var(--faint);font-size:12.5px}.main{min-width:0;padding:var(--s6) 0 0}.screen{max-width:var(--read);display:flex;flex-direction:column;gap:var(--s6)}.page-head{display:flex;flex-direction:column;gap:var(--s1)}.date{color:var(--faint);font-size:13px;letter-spacing:.01em}.page-lead{color:var(--muted);font-size:15px;max-width:48ch}.section{display:flex;flex-direction:column;gap:var(--s3)}.section+.section{padding-top:var(--s6);border-top:1px solid var(--line-soft)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}.section-head h2{display:flex;align-items:center;gap:7px}.section-head .icon{color:var(--faint);flex:0 0 auto}.icon{display:block}.section-meta{color:var(--faint);font-size:12.5px}.label-line{color:var(--faint);font-size:12px;font-weight:700;letter-spacing:.06em}.body{color:var(--ink-2);font-size:15.5px}.muted{color:var(--muted);font-size:15px}.hint{color:var(--faint);font-size:13.5px;line-height:1.7}.stack{display:flex;flex-direction:column;gap:var(--s3)}.stack-sm{display:flex;flex-direction:column;gap:var(--s2)}.row{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}.quiet-box{background:var(--surface-quiet);border-radius:var(--r-m);padding:var(--s3);color:var(--ink-2);font-size:14.5px}.quiet-box strong{display:block;margin-bottom:4px;color:var(--ink);font-size:13px}.inline-keywords{color:var(--faint);font-size:13px}.checkin{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--lift);overflow:hidden}.checkin-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);padding:var(--s4) var(--s5) 0}.checkin-step{padding:var(--s4) var(--s5)}.checkin-step+.checkin-step{border-top:1px solid var(--line-soft)}.step-no{color:var(--accent-ink);font-size:11px;font-weight:800;letter-spacing:.14em}.wisdom-meta{margin-top:var(--s1);color:var(--faint);font-size:13px}.wisdom-sentence{margin-top:var(--s2);font-size:23px;line-height:1.6;letter-spacing:-.03em;font-weight:800}.wisdom-guide{margin-top:var(--s2);color:var(--ink-2);font-size:15.5px;font-weight:700}.wisdom-note{margin-top:4px;color:var(--muted);font-size:14.5px}.wisdom-emoji{margin-top:var(--s2);font-size:30px;line-height:1}.breath{display:flex;align-items:center;gap:var(--s5);margin-top:var(--s4)}.breath-visual{position:relative;flex:0 0 auto;width:120px;height:120px;display:grid;place-items:center}.breath-wave{position:absolute;inset:0;border-radius:50%;border:1px solid var(--accent);opacity:0}.breath.is-playing .wave-1{animation:ripple 10s ease-in-out infinite}.breath.is-playing .wave-2{animation:ripple 10s ease-in-out infinite;animation-delay:-1.2s}@keyframes ripple{0%{transform:scale(.72);opacity:.3}40%{transform:scale(1.06);opacity:.06}to{transform:scale(.72);opacity:.3}}.breath-dial{position:absolute;inset:0;width:120px;height:120px;transform:rotate(-90deg)}.dial-track{fill:none;stroke:var(--line);stroke-width:2}.dial-progress{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-dashoffset:0;transition:stroke-dashoffset .4s linear}.breath-orb{position:relative;z-index:1;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;appearance:none;cursor:pointer;border:0;background:var(--accent-wash);color:var(--accent-ink);transition:background .2s ease,transform .2s ease}.breath-orb:hover{background:#f1edff}.breath-orb:active{transform:scale(.96)}.breath.is-playing .breath-orb{animation:breathe-orb 10s ease-in-out infinite}@keyframes breathe-orb{0%{transform:scale(.94);background:var(--accent-wash)}40%{transform:scale(1.06);background:#ece6ff}to{transform:scale(.94);background:var(--accent-wash)}}.breath-icon{display:grid;place-items:center}.breath-text{min-width:0}.breath-cue{color:var(--muted);font-size:14.5px}.breath-phase{position:relative;height:26px;margin:2px 0 0}.breath-phase span{position:absolute;left:0;top:0;color:var(--accent-ink);font-size:15px;font-weight:800;letter-spacing:-.02em;opacity:0}.breath.is-playing .breath-phase .in{animation:phase-in 10s ease-in-out infinite}.breath.is-playing .breath-phase .out{animation:phase-out 10s ease-in-out infinite}@keyframes phase-in{0%,32%{opacity:1}42%,to{opacity:0}}@keyframes phase-out{0%,38%{opacity:0}48%,92%{opacity:1}to{opacity:0}}.breath-time{margin-top:4px;color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.write-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:var(--s2)}.label{display:block;color:var(--ink-2);font-size:13px;font-weight:700}.label .sub{margin-left:6px;color:var(--faint);font-weight:400}.input,.textarea,.select{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);padding:11px var(--s2);color:var(--ink);font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.textarea{min-height:96px;resize:vertical;line-height:1.75}.textarea.tall{min-height:132px}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--faint) 50%),linear-gradient(135deg,var(--faint) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}.input::placeholder,.textarea::placeholder{color:#b3aca2}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9880ff29}.code-input{letter-spacing:.06em;font-weight:700;text-transform:uppercase}.file-input{width:100%;padding:10px var(--s2);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-s);font-size:14px}.field{display:flex;flex-direction:column;gap:6px}.btn-primary,.btn-quiet,.btn-danger{appearance:none;border-radius:var(--r-s);font-size:14.5px;font-weight:800;letter-spacing:-.01em;cursor:pointer;padding:11px var(--s4);transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-primary{border:1px solid var(--accent-press);background:var(--accent-press);color:#fff}.btn-primary:hover{background:#6149c9;border-color:#6149c9}.btn-quiet{border:1px solid var(--line);background:var(--surface);color:var(--ink-2)}.btn-quiet:hover{border-color:var(--accent);color:var(--accent-ink)}.btn-danger{border:1px solid var(--line);background:transparent;color:var(--danger);padding:8px var(--s2);font-size:13px}.btn-danger:hover{background:var(--danger-wash)}.btn-primary:disabled,.btn-quiet:disabled{opacity:.5;cursor:wait}.btn-block{width:100%}.link-btn{appearance:none;border:0;background:none;padding:0;color:var(--accent-ink);font-size:13.5px;font-weight:700;cursor:pointer;border-bottom:1px solid transparent}.link-btn:hover{border-bottom-color:var(--accent)}.notice-text{min-height:20px;color:var(--muted);font-size:13.5px}.notice-text.error{color:var(--danger);font-weight:700}.notice-text.success{color:var(--ok);font-weight:700}.agreements{display:flex;flex-direction:column;gap:var(--s2);color:var(--muted);font-size:13px;line-height:1.6}.agreements label{display:flex;gap:var(--s1);align-items:flex-start;cursor:pointer}.agreements input{margin-top:5px;accent-color:var(--accent-press)}.feed{display:flex;flex-direction:column}.post{padding:var(--s4) 0;border-top:1px solid var(--line-soft)}.feed .post:first-child{border-top:0;padding-top:0}.post.is-hidden{opacity:.55}.post-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);color:var(--faint);font-size:12.5px}.author{color:var(--ink);font-size:14.5px;font-weight:800}.post-kind{color:var(--faint)}.post-text{margin-top:var(--s2);white-space:pre-wrap;font-size:15.5px;line-height:1.8}.answer-box,.owner-sticker{margin-top:var(--s3);padding:var(--s3);border:1px solid var(--accent-line);background:var(--accent-wash);border-radius:var(--r-s);font-size:14.5px}.answer-box strong,.owner-sticker strong{display:block;margin-bottom:4px;color:var(--accent-ink);font-size:12px;letter-spacing:.04em}.sticker-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s3)}.chip{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-s);padding:6px 10px;color:var(--muted);font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.chip:hover{border-color:var(--accent);color:var(--accent-ink)}.chip.active{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-ink)}.chip-count{margin-left:4px;color:var(--faint);font-weight:400}.chip.active .chip-count{color:var(--accent-ink)}.sticker-names{margin-top:var(--s2);color:var(--faint);font-size:12.5px;line-height:1.7}.sticker-names b{color:var(--muted);font-weight:700}.post-tools{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s3)}.comments{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line-soft)}.comments-label{color:var(--faint);font-size:12.5px;font-weight:700}.comments-count{color:var(--accent-ink)}.comments-empty{color:var(--faint);font-size:13px}.comment-list{display:flex;flex-direction:column}.comments-label+.comment-list,.comments-label+.comments-empty{margin-top:var(--s2)}.comment{padding:var(--s2) 0}.comment-list>.comment+.comment{border-top:1px solid var(--line-soft)}.comment.is-hidden{opacity:.55}.comment-body.is-reply{margin-top:var(--s2)}.comment-head{display:flex;align-items:baseline;gap:var(--s1)}.comment-author{font-size:13.5px;font-weight:800}.comment-time{color:var(--faint);font-size:12px}.comment-text{margin-top:2px;white-space:pre-wrap;font-size:14.5px;line-height:1.7}.comment-actions{display:flex;align-items:center;gap:var(--s2);margin-top:4px}.heart-btn{appearance:none;border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:4px;color:var(--faint);font-size:13px;line-height:1;cursor:pointer;transition:color .15s ease}.heart-btn:hover,.heart-btn.on{color:var(--accent-ink)}.heart-count{font-size:12px;font-weight:700}.comment-link{appearance:none;border:0;background:none;padding:0;color:var(--faint);font-size:12.5px;font-weight:700;cursor:pointer}.comment-link:hover{color:var(--accent-ink)}.comment-replies{margin:var(--s1) 0 0 var(--s3);padding-left:var(--s3);border-left:1px solid var(--line-soft)}.comment-form{display:flex;align-items:flex-start;gap:var(--s1);margin-top:var(--s2)}.comment-input{min-height:40px;padding:9px var(--s2);font-size:14px;line-height:1.6;resize:vertical}.btn-sm{flex:0 0 auto;padding:9px var(--s2);font-size:13px}.comment-off{margin-top:var(--s3)}.empty{padding:var(--s5) 0;color:var(--faint);font-size:14.5px;text-align:left}.mini-list{display:flex;flex-direction:column}.mini-item{padding:var(--s3) 0;border-top:1px solid var(--line-soft)}.mini-list .mini-item:first-child{border-top:0;padding-top:0}.mini-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);color:var(--faint);font-size:12.5px}.mini-text{margin-top:4px;font-size:15px;line-height:1.75;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.disclosure{border-top:1px solid var(--line-soft);padding-top:var(--s3)}.disclosure>summary{list-style:none;cursor:pointer;color:var(--accent-ink);font-size:13.5px;font-weight:700}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{content:" +";color:var(--faint)}.disclosure[open]>summary:after{content:" −"}.disclosure-body{margin-top:var(--s3);display:flex;flex-direction:column}.month-item{padding:var(--s2) 0;border-top:1px solid var(--line-soft);font-size:14.5px}.disclosure-body .month-item:first-child{border-top:0}.month-item b{font-weight:700}.month-item span{display:block;color:var(--faint);font-size:13px}.record{border-top:1px solid var(--line-soft)}.record>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--s2);padding:var(--s3) 0;font-size:14.5px}.record>summary::-webkit-details-marker{display:none}.record>summary span{color:var(--faint);font-size:12.5px}.record-body{padding:0 0 var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.admin-tools{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s2);padding:var(--s3);background:var(--surface-quiet);border-radius:var(--r-m)}.admin-form{display:flex;flex-direction:column;gap:var(--s3)}.stat-line{color:var(--muted);font-size:14.5px}.entry{width:min(940px,100%);margin:0 auto;padding:var(--s7) var(--s4) var(--s7);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:var(--s7);align-items:start}.entry-narrow{width:min(560px,100%);display:block}.entry-intro{display:flex;flex-direction:column;gap:var(--s4);padding-top:var(--s5)}.entry-logo{width:148px}.entry-title{font-size:30px;line-height:1.45;letter-spacing:-.035em;font-weight:800}.entry-lead{color:var(--muted);font-size:15.5px;max-width:40ch}.entry-note{border-left:2px solid var(--accent);padding-left:var(--s3);color:var(--ink-2);font-size:14.5px}.steps{display:flex;flex-direction:column;gap:var(--s3);margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:20px 1fr;gap:var(--s2)}.steps .n{color:var(--accent-ink);font-size:12px;font-weight:800;padding-top:3px}.steps b{display:block;font-size:14.5px}.steps span{color:var(--muted);font-size:13.5px;line-height:1.7}.entry-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--lift);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3)}.code-block{overflow:auto;white-space:pre-wrap;padding:var(--s3);background:var(--surface-quiet);border-radius:var(--r-m);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.7}.privacy-list{margin:0;padding-left:18px;color:var(--muted);font-size:14.5px}.privacy-list li+li{margin-top:6px}@media(max-width:900px){body{font-size:15.5px}.shell{display:block;padding:0 var(--s4) var(--s7)}.sidebar{height:auto;flex-direction:column;gap:0;padding:var(--s3) 0 0;margin:0 calc(var(--s4) * -1) var(--s4);padding-left:var(--s4);padding-right:var(--s4);background:#faf8f4f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);z-index:20}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.only-mobile{display:inline-block}.nav{flex-direction:row;gap:var(--s3);margin:var(--s2) calc(var(--s4) * -1) 0;padding:0 var(--s4);overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;padding:8px 0 10px;border-radius:0;background:none;white-space:nowrap;font-size:14px}.tab-btn:hover,.tab-btn.active{background:none}.tab-btn.active:before{inset:auto 0 0;width:auto;height:2px}.tab-btn.admin-tab{margin-top:0}.sidebar-foot{display:none}.main{padding-top:var(--s4)}.screen{gap:var(--s5)}.section+.section{padding-top:var(--s5)}h1{font-size:22px}.checkin-head{padding:var(--s4) var(--s4) 0}.checkin-step{padding:var(--s4)}.wisdom-sentence{font-size:20px}.breath-row{flex-direction:column;align-items:flex-start;gap:var(--s1)}.write-foot{flex-direction:column;align-items:stretch}.write-foot .btn-primary{width:100%}.entry{display:block;width:min(560px,100%);padding:var(--s5) var(--s4) var(--s7)}.entry-intro{padding-top:0;margin-bottom:var(--s5)}.entry-title{font-size:25px}.entry-form{padding:var(--s4)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.seg{display:flex;gap:2px;padding:3px;background:var(--surface-quiet);border-radius:var(--r-s)}.seg-btn{flex:1;appearance:none;border:0;background:transparent;border-radius:6px;padding:8px 10px;color:var(--muted);font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.seg-btn:hover{color:var(--ink)}.seg-btn.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1e1a140f}.breath.is-loading .breath-orb{animation:loading-pulse 1.4s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.55}50%{opacity:1}}.install-hint{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding:var(--s3) var(--s4);background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:var(--r-m)}.install-title{font-size:14.5px;font-weight:800}.install-text{min-width:0;max-width:46ch}.install-text .hint{margin-top:2px}.install-actions{display:flex;align-items:center;gap:var(--s3);flex:0 0 auto}.setup-steps{list-style:none;margin:var(--s2) 0 var(--s2);padding:0;display:flex;flex-direction:column;gap:6px}.setup-steps li{display:grid;grid-template-columns:18px 1fr;gap:var(--s1);align-items:start}.setup-steps .n{color:var(--accent-ink);font-size:12px;font-weight:800;padding-top:3px}.setup-steps span:last-child{color:var(--ink-2);font-size:14px;line-height:1.65}.consent-detail{border-top:0;padding-top:0;margin-top:var(--s1)}.consent-detail .privacy-list{font-size:13.5px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:var(--s3)}.stat-num{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.2;font-variant-numeric:tabular-nums}.stat-label{margin-top:2px;color:var(--faint);font-size:12.5px}.chart{margin-top:var(--s2)}.bars{display:flex;align-items:flex-end;gap:4px;height:72px;margin-top:var(--s2)}.bar{flex:1;min-height:2px;background:var(--accent);opacity:.45;border-radius:2px 2px 0 0}.bar:last-child{opacity:1}.bars-axis{display:flex;justify-content:space-between;margin-top:6px;color:var(--faint);font-size:11.5px}@media(max-width:720px){.stat-row{grid-template-columns:repeat(2,1fr)}}