:root{--paper:#F5EFE3;--paper-deep:#ECE2CE;--ink:#23262B;--ink-soft:#5B5A54;--indigo:#2B3A55;--indigo-deep:#1A2233;--gold:#AD8A55;--gold-soft:#D9C7A3;--line: rgba(34,30,20,.13);--white:#FFFCF6;--error:#B3423A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Shippori Mincho,serif;margin:0}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:700;text-transform:uppercase}section{padding:80px 0}header{position:sticky;top:0;z-index:80;background:#f5efe3e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;max-width:1180px;margin:0 auto}.nav-brand{display:flex;align-items:center;gap:11px}.nav-badge{width:38px;height:38px}.nav-word{font-family:Shippori Mincho,serif;font-weight:700;font-size:18px}.nav-word span{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:32px;font-size:13.5px;font-weight:500;color:var(--ink-soft)}.nav-links a:hover,.nav-links a.active{color:var(--indigo)}.nav-right{display:flex;align-items:center;gap:14px}.nav-cta{background:var(--indigo);color:var(--paper);font-size:13px;font-weight:700;padding:11px 24px;border-radius:100px;letter-spacing:.02em;border:none;cursor:pointer}.nav-cta:hover{background:var(--indigo-deep)}.nav-ghost{font-size:13px;font-weight:700;color:var(--ink-soft);background:none;border:none;cursor:pointer}.nav-ghost:hover{color:var(--indigo)}.hero{padding:80px 0 110px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero-eyebrow{margin-bottom:22px}.hero h1{font-size:46px;line-height:1.5;font-weight:800;letter-spacing:.01em}.hero-sub{font-size:15px;line-height:1.95;color:var(--ink-soft);margin:26px 0 36px;max-width:440px}.hero-ctas{display:flex;gap:14px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:100px;font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--indigo);color:var(--paper)}.btn-primary:hover{background:var(--indigo-deep)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}.btn-outline:hover{background:var(--white)}.hero-note{margin-top:22px;font-size:11.5px;color:var(--ink-soft);letter-spacing:.02em}.hero-visual{position:relative;height:460px}.hv-badge{position:absolute;top:0;right:36px;width:118px;height:118px;filter:drop-shadow(0 18px 30px rgba(20,15,5,.35));z-index:5}.hv-card{position:absolute;width:210px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 24px 48px -20px #14140f47}.hv-card .shoji{width:100%;height:120px;border-radius:14px;position:relative;overflow:hidden;margin-bottom:12px}.hv-card .nm{font-family:Shippori Mincho,serif;font-weight:700;font-size:14px}.hv-card .ep{font-size:11px;color:var(--ink-soft);line-height:1.6;margin-top:5px}.hv-score{position:absolute;top:10px;right:10px;background:var(--indigo);color:var(--paper);font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;z-index:inherit}.hv-c1{left:0;top:70px;transform:rotate(-7deg);z-index:2}.hv-c2{left:130px;top:170px;transform:rotate(4deg);z-index:3}.hv-c3{left:30px;top:290px;transform:rotate(-2deg);z-index:4}.sec-head{margin-bottom:52px;max-width:640px}.sec-head h2{font-size:28px;margin-top:14px;line-height:1.6}.sec-head p{font-size:13.5px;color:var(--ink-soft);margin-top:14px;line-height:1.8}.feed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feed-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:18px;position:relative;display:block}.feed-avatar{width:100%;height:110px;border-radius:14px;position:relative;overflow:hidden;margin-bottom:14px}.feed-score{position:absolute;top:14px;right:14px;background:var(--indigo);color:var(--paper);font-size:11px;font-weight:700;padding:3px 9px;border-radius:100px;z-index:2}.feed-name{font-family:Shippori Mincho,serif;font-weight:700;font-size:15px}.feed-meta{font-size:11px;color:var(--ink-soft);margin-top:2px}.feed-ep{font-size:12px;color:var(--ink-soft);line-height:1.65;margin-top:9px;min-height:60px}.feed-tags{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;padding:3px 9px;border-radius:100px;background:var(--paper-deep);color:var(--indigo);border:1px solid var(--line);font-weight:500}.profile-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}.ps-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:30px}.ps-top{display:flex;gap:16px;align-items:center}.ps-avatar{width:76px;height:76px;border-radius:18px;position:relative;overflow:hidden;flex:0 0 auto}.ps-name{font-family:Shippori Mincho,serif;font-weight:800;font-size:20px}.ps-meta{font-size:12px;color:var(--ink-soft);margin-top:3px}.ps-score{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:11.5px;color:var(--ink-soft)}.ps-score b{font-family:Shippori Mincho,serif;color:var(--ink);font-size:15px}.ps-divider{height:1px;background:var(--line);margin:22px 0}.ps-label{font-size:11.5px;color:var(--gold);font-weight:700;margin-bottom:8px}.ps-q{font-size:12.5px;color:var(--ink-soft);line-height:1.75;margin-bottom:12px}.ps-a{font-size:13px;line-height:1.8;color:var(--ink);border-left:3px solid var(--gold-soft);padding-left:12px}.axes-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:30px}.axis-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.axis-row:last-child{margin-bottom:0}.axis-num{font-family:Shippori Mincho,serif;font-size:14px;color:var(--gold);width:22px;flex:0 0 auto}.axis-label{font-size:13px;width:150px;flex:0 0 auto;color:var(--ink-soft)}.axis-bar-track{flex:1 1 auto;height:7px;background:var(--paper-deep);border-radius:100px;overflow:hidden}.axis-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-soft),var(--gold));border-radius:100px}.axis-val{font-size:12.5px;color:var(--ink-soft);width:28px;text-align:right;flex:0 0 auto}.salon{background:var(--paper-deep)}.salon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.salon-card{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden}.salon-media{height:110px;display:flex;align-items:flex-end;padding:14px}.salon-date{background:#fffcf6eb;color:var(--indigo);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:100px}.salon-body{padding:22px}.salon-title{font-family:Shippori Mincho,serif;font-weight:700;font-size:16px;margin-bottom:8px}.salon-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.8;margin-bottom:16px}.salon-foot{display:flex;align-items:center;justify-content:space-between}.salon-cap{font-size:11.5px;color:var(--ink-soft)}.salon-btn{font-size:11.5px;font-weight:700;background:var(--indigo);color:var(--paper);padding:8px 18px;border-radius:100px;border:none;cursor:pointer}.salon-btn:disabled{opacity:.5;cursor:not-allowed}.mypage-section{background:var(--indigo-deep)}.mypage-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}.mp-ring-wrap{text-align:center}.mp-ring{width:180px;height:180px;margin:0 auto 18px;position:relative}.mp-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.mp-ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mp-ring .center .k{font-family:Shippori Mincho,serif;font-size:36px;font-weight:800;color:var(--paper)}.mp-ring .center .l{font-size:10.5px;color:#f5efe3a6;letter-spacing:.1em;margin-top:4px}.mp-name{font-family:Shippori Mincho,serif;font-size:19px;font-weight:700;color:var(--paper)}.mp-plan{font-size:12px;color:var(--gold-soft);margin-top:4px;font-weight:700}.mp-right .axis-label,.mp-right .axis-val{color:#f5efe3ad}.mp-right .axis-num{color:var(--gold-soft)}.mp-right .axis-bar-track{background:#f5efe324}.mp-list{margin-top:26px;display:flex;flex-direction:column;gap:10px}.mp-item{background:#f5efe30f;border:1px solid rgba(245,239,227,.16);border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:#f5efe3d9}.mp-item .r{color:#f5efe380}.mp-form label{display:block;font-size:11.5px;color:var(--gold-soft);margin:14px 0 6px}.mp-form input,.mp-form textarea{width:100%;background:#f5efe314;border:1px solid rgba(245,239,227,.2);border-radius:10px;padding:10px 14px;color:var(--paper);font-family:inherit;font-size:13px}.mp-form textarea{min-height:90px;resize:vertical}footer{border-top:1px solid var(--line);padding:56px 0 40px}.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-badge{width:30px;height:30px}.footer-word{font-family:Shippori Mincho,serif;font-weight:700;font-size:15px}.footer-tag{font-size:12px;color:var(--ink-soft);margin-top:10px;max-width:350px;line-height:1.7}.footer-cols{display:flex;gap:64px}.footer-col h4{font-size:11px;letter-spacing:.08em;color:var(--gold);font-weight:700;margin-bottom:14px}.footer-col a{display:block;font-size:12.5px;color:var(--ink-soft);margin-bottom:10px}.footer-col a:hover{color:var(--indigo)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:var(--ink-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.auth-section{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:80px 0}.auth-card{width:100%;max-width:420px;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:40px;margin:0 auto}.auth-card h2{font-size:24px;margin-bottom:8px}.auth-card .sub{font-size:12.5px;color:var(--ink-soft);margin-bottom:28px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:6px;font-weight:500}.field input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink)}.field input:focus{outline:none;border-color:var(--gold);background:var(--white)}.form-error{background:#b3423a1a;color:var(--error);font-size:12.5px;padding:10px 14px;border-radius:10px;margin-bottom:16px}.auth-switch{margin-top:22px;font-size:12.5px;color:var(--ink-soft);text-align:center}.auth-switch a{color:var(--indigo);font-weight:700}.submit-btn{width:100%;margin-top:8px}.state-msg{text-align:center;padding:60px 0;color:var(--ink-soft);font-size:13.5px}.load-more-wrap{text-align:center;margin-top:36px}@media (max-width:1050px){.hero-grid,.profile-showcase,.mypage-inner{grid-template-columns:1fr}.hero-visual{height:380px}.feed-grid{grid-template-columns:repeat(2,1fr)}.salon-grid{grid-template-columns:1fr}.nav-links{display:none}}