/* 점픽: 보라, 달빛, 그리고 나의 운세 */
:root{--paper:#f8f6fc;--ink:#251b35;--muted:#746b83;--line:#e9e3f0;--purple:#4c2678;--purple-dark:#381859;--lilac:#eee6fc;--yellow:#ebc56b}
body{background:#eee9f7}
.app-shell{background:var(--paper)}
.app-header{height:72px;padding:17px 22px 13px}
.logo{font-size:29px;letter-spacing:-1.7px;gap:5px}.brand-star{font-size:34px}.logo-dot{margin-left:-3px}
.header-pill{color:#6f5d88;font-size:11px;letter-spacing:.2px;font-weight:600}
.icon-button{width:38px;height:38px;color:#6c597e;border-color:#e8e0f1}
.header-title{font-size:18px}.header-back{color:var(--purple)}
.page{padding:5px 22px 28px}
.home-intro{padding:10px 0 21px}.date-line{font-size:11px;color:#6b5f7e;margin-bottom:8px}.date-line svg{color:#735994}
.home-intro h1{font-size:26px;letter-spacing:-1.2px;font-weight:780;line-height:1.4;overflow-wrap:anywhere;word-break:normal}
.intro-copy{font-size:13px;color:#6c6077;margin-top:7px;line-height:1.6}
.hero{border-radius:23px;background:#ded0f3;padding:22px;min-height:245px;color:#251b35;box-shadow:0 7px 20px #4c267808}
.hero:before{width:200px;height:200px;right:-55px;top:-116px;border-color:#ffffff55}.hero:after{width:300px;height:300px;right:-120px;top:-140px;border-color:#ffffff50}
.hero-badge{padding:5px 9px;background:#ffffff30;border:1px solid #ffffff70;color:#62477d;font-size:9px;letter-spacing:1.1px;gap:8px}.hero-badge span{color:#735a8a;font-size:12px}
.hero-copy{position:relative;z-index:2;width:62%;margin-top:17px}
.hero h2{font-size:29px;letter-spacing:-1.2px;font-weight:750;margin:0;line-height:1.35;max-width:none}
.hero p{color:#665273;font-size:13px;line-height:1.75;margin-top:9px}
.hero-art{width:164px;height:164px;right:-3px;top:17px;opacity:1}
.hero .button{background:#4c2678;color:#fff;border-radius:12px;margin-top:25px;min-height:48px;font-size:14px;font-weight:700;justify-content:space-between;padding:13px 17px;box-shadow:0 3px 12px #35157110}
.hero .button:hover{background:#3d1e64}
.saju-feature{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:21px;border-radius:21px;background:#fff;border:1px solid #e6dcef;color:var(--ink);position:relative;overflow:hidden;min-height:137px}
.saju-copy{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.feature-label{font-size:11px;color:#7e50a6;font-weight:600}.saju-copy strong{font-size:22px;font-weight:750;letter-spacing:-.8px}.feature-description{display:flex;align-items:center;gap:8px;font-size:12px;color:#6d5f78;margin-top:3px}
.saju-seal{flex:none;width:79px;height:84px;display:grid;grid-template-columns:1fr 1fr;gap:5px;transform:rotate(8deg);position:relative;margin-left:8px}
.saju-seal>span{border:1px solid #d6b7f1;border-radius:8px;background:#f5edff;display:grid;place-items:center;color:#8242b3;font:22px Georgia,serif}.saju-seal>span:nth-child(2),.saju-seal>span:nth-child(3){background:#faf3e4;color:#7e5f2e;border-color:#ead8b1}.saju-seal i{position:absolute;font-style:normal;color:#7b6129;top:-15px;right:-10px;font-size:20px;transform:rotate(-8deg)}
.section-heading{margin:25px 0 13px;gap:8px}.section-heading h2{font-size:16px;letter-spacing:-.5px}.section-caption,.section-heading small{font-size:10px;color:#6c6075}
.library-link{background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:13px;width:100%;padding:17px;border-radius:18px;text-align:left;color:var(--ink)}
.library-icon{width:43px;height:43px;border-radius:13px;background:#f0e9fb;color:#7a4db7;display:grid;place-items:center;flex:none}
.library-link .copy{flex:1}.library-link strong{display:block;font-size:15px}.library-link small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.library-link>svg{color:#6b6078}
.profile-bar{margin-top:11px;padding:16px 2px 19px;gap:10px}.profile-avatar{background:#eee7f8;color:#745799}.profile-bar strong{font-size:12px}.profile-bar small{font-size:10px;color:#6e5f78}
.small-note{background:#f0ebf7;color:#6c5f7a;font-size:10px;padding:14px;line-height:1.8;margin-top:20px}.tiny-footer{color:#6c5f79;font-size:9px}
.bottom-nav{border-top:1px solid #e8e0f1;padding:12px 16px calc(10px + env(safe-area-inset-bottom));background:#fffffffa}.nav-item{font-size:11px;color:#6b6079;font-weight:550;gap:7px}.nav-item.active{color:#4c2678;font-weight:750}.nav-item.active .nav-icon{background:#eee7f5;box-shadow:0 0 0 6px #eee7f5}.nav-item svg{width:21px;height:21px}
.button{font-size:14px;border-radius:13px;min-height:50px;font-weight:650}.button.purple{box-shadow:0 4px 12px #4c26781c}.button.purple:hover{background:#3d1e64}.button.dark{background:#47216d}.button.ghost{font-size:13px}.button.secondary{background:#eee7f6;color:#6e5686}
.page-heading{padding-top:17px}.page-heading h1{color:#291c3c;font-size:29px;letter-spacing:-1.1px}.page-heading p{color:#6d5f7a;font-size:13px;line-height:1.9}.eyebrow{color:#814bb2;letter-spacing:1.3px;font-size:10px}
.section-card,.form-card,.about-box{border-color:#e7deef;background:#fff;box-shadow:0 3px 13px #3b175104}.section-card h2{color:#3c2653;font-size:16px}.section-card p{color:#71617f;font-size:13px;line-height:1.9}.about-box p{color:#6d5f79;font-size:12px}.about-box h2{font-size:15px}
.field-label{font-size:14px;color:#39264d}.field-help,.support-note{color:#6e5f78;font-size:11px;line-height:1.8}.text-input,.select-input{background:#fcfaff;border-color:#e5dbef;font-size:15px;color:#30203e}.text-input:focus,.select-input:focus{border-color:#9b6be7;outline-color:#d7c4f6}.segmented{background:#f1eaf8}.segmented button{font-size:13px;color:#705d81}.segmented button.selected{background:#4c2678;color:#fff;box-shadow:0 2px 6px #5a299320}.check-label{color:#746181;font-size:12px}.optional{color:#6d6074}.consent{font-size:12px;line-height:1.7}input[type=checkbox]{accent-color:#4c2678}
.result-symbol{color:#4c2678;background:#eee5fc}.result-heading h1{color:#342046;font-size:27px;line-height:1.5}.profile-caption{color:#6f5e7b;font-size:11px}.tag{background:#eee6fa;color:#765095;font-size:11px}.result-summary{background:#eee5fb;border:1px solid #e6d7f8}.result-summary p{color:#5b3c78;font-size:15px;line-height:1.9}.quote-mark{color:#745990}.pillar-label{color:#725d7c}.pillar-ko{color:#735c7d}.chart-foot,.element-legend{color:#6e5f78}.day-card{background:#f8f0dc;color:#7e602c;border:1px solid #eee0bc}.day-card strong{color:#6b502b}.calculation-details{color:#715d80;font-size:12px}.calculation-details li{color:#6e5f7a;line-height:1.9}.reading-label{color:#705e7a}.tip{color:#715d7d;font-size:13px}.tip-number{background:#efe5fa;color:#7b52a0}.element-row{font-size:13px}.element-value{color:#715e79}
.filter-tabs button{font-size:12px;background:#eee7f6;color:#755b83}.filter-tabs button.active{background:#4c2678;color:#fff}.saved-item{border-color:#e9dff0}.saved-copy strong{font-size:14px;color:#472a5b}.saved-copy .type{color:#824bad;font-size:10px}.saved-copy small{color:#705e79;font-size:10px}.delete-item{min-width:36px;min-height:36px}.empty-state{background:#f3edfb;border-color:#dac7ee}.empty-state h2{color:#64417c}.empty-state p{color:#715d7d;font-size:12px}.empty-art{background:#e8dcf7;color:#775793}.storage-explainer{font-size:11px;color:#6f5f77}
.profile-info{background:#eee4fc}.profile-info strong{color:#553074}.profile-info small{color:#765a87}.setting-label{color:#745b82;font-size:11px}.section-link{color:#6b4c7f;font-size:13px}.section-link.danger{color:#964f5d}.toast{background:#3f205b}
@media(min-width:940px){body{background:radial-gradient(ellipse at 10% 25%,#f9f5ff 0,#eee8f6 75%)}.rail-logo{color:#39224f}.rail-copy .eyebrow{color:#765a89}.rail-copy h1{color:#44215f}.rail-copy p{color:#715d80}.orbit-line{border-color:#c9a9e7}.orbit-core{color:#7c52a2;background:#e8d5fa}.orbit-star{color:#785791}.orbit-small{background:#ebc56b}.rail-footer{color:#715d7f}}
@media(max-width:359px){.page{padding-left:17px;padding-right:17px}.app-header{padding-left:17px;padding-right:17px}.home-intro h1{font-size:24px}.hero{padding:20px;min-height:238px}.hero h2{font-size:26px}.hero-art{width:135px;height:135px;right:-8px;top:28px}.hero p{font-size:12px}.hero .button{margin-top:28px}.saju-feature{padding:19px 17px}.saju-copy strong{font-size:20px}.saju-seal{width:65px;height:73px}.feature-description{font-size:11px}.section-caption{font-size:9px}.section-heading h2{font-size:15px}.check-label.unknown{font-size:10px}}

/* 사주 결과: 요약에서 원국, 오행, 풀이 순서로 읽는 라벤더 리포트 */
.reading-page{padding-top:8px;color:#30213e}
.reading-hero{padding:24px 23px 22px;border-radius:24px;background:#ded0f3;position:relative;overflow:hidden}
.reading-hero-watermark{position:absolute;right:-21px;top:-36px;font-size:166px;color:#ffffff27;line-height:1;pointer-events:none}
.reading-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#69507e;font-size:11px;font-weight:650;position:relative;z-index:1}
.reading-spark{font-size:21px;color:#7b6030;line-height:1}
.reading-hero h1{position:relative;z-index:1;font-size:28px;line-height:1.45;letter-spacing:-1.2px;max-width:285px;margin:17px 0 12px;color:#30203f;font-weight:760;overflow-wrap:anywhere;word-break:normal}
.reading-lead{position:relative;z-index:1;font-size:14px;line-height:1.9;letter-spacing:-.25px;color:#5c456e;white-space:pre-line}
.reading-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;position:relative;z-index:1}
.reading-tags span{border:1px solid #ffffff90;background:#ffffff50;border-radius:8px;padding:5px 8px;color:#634a78;font-size:10px;line-height:1.4}
.reading-profile{display:flex;align-items:center;gap:9px;padding:18px 1px;color:#59416d}
.reading-profile-icon{width:30px;height:30px;background:#eee7f6;color:#725c85;border-radius:50%;display:grid;place-items:center;flex:none}
.reading-profile>div{min-width:0;flex:1}.reading-profile strong{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.reading-profile>div>span{display:block;color:#6f5f78;font-size:10px;line-height:1.7;margin-top:2px;overflow-wrap:anywhere}
.reading-save-top{display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid #e4d9ed;color:#6a4385;border-radius:11px;min-height:38px;padding:8px 10px;flex:none;font-size:11px}
.reading-save-top.is-saved{background:#eef3ed;border-color:#d9e4d7;color:#506c48}
.reading-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:14px 0;margin:0 0 19px;border-top:1px solid #e8dfef;border-bottom:1px solid #e8dfef}
.reading-jumps button{background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:43px;font-size:12px;font-weight:600;color:#63477c}
.reading-jumps button+button{border-left:1px solid #e4d9ed}.reading-jumps button span{font-size:9px;letter-spacing:1px;color:#6e5f7a;font-weight:500}.reading-jumps button:hover{color:#4c2678;background:#eee7f530;border-radius:8px}
.reading-card{background:#fff;border:1px solid #e8dfef;border-radius:23px;padding:22px 19px;margin-bottom:17px;scroll-margin-top:20px;box-shadow:0 3px 16px #3b175103}
.reading-section-head{display:flex;gap:9px;align-items:flex-start;margin-bottom:23px}
.reading-step{font-size:10px;line-height:24px;color:#705e7a;letter-spacing:.8px;flex:none}
.reading-section-head>div{flex:1;min-width:0}.reading-section-head h2{font-size:17px;font-weight:720;line-height:1.5;letter-spacing:-.65px;color:#3f2855}.reading-section-head p{font-size:11px;line-height:1.8;color:#6f5f79;margin-top:5px;letter-spacing:-.1px}
.reading-meta{font-size:9px;line-height:1.7;white-space:nowrap;border-radius:7px;background:#f3edf9;color:#765989;padding:4px 6px;margin-top:1px}
.reading-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-items:stretch}
.reading-pillar{border:1px solid transparent;text-align:center;border-radius:15px;padding:9px 3px 4px;min-width:0;background:#fdfbff}
.reading-pillar.is-day{background:#f6f0fc;border-color:#cdb4de}
.reading-pillar-title{margin-bottom:12px}.reading-pillar-title strong{display:block;color:#725482;font-size:11px;font-weight:600;line-height:1.5}.reading-pillar-title small{display:block;color:#6f5f77;font-size:9px;margin-top:3px;line-height:1.5;white-space:nowrap}
.reading-pillar.is-day .reading-pillar-title strong{color:#4c2678;font-weight:750}
.reading-pillar .hanja{font-family:"Noto Serif KR","Batang",serif;font-size:31px;display:grid;place-items:center;aspect-ratio:1;border-radius:11px;background:#f0edf4;color:#6a6172;margin-bottom:6px;line-height:1}
.reading-pillar .element-목{color:#4d6c54!important}.reading-pillar .element-화{color:#93534a!important}.reading-pillar .element-토{color:#766235!important}.reading-pillar .element-금{color:#60637a!important}.reading-pillar .element-수{color:#466886!important}
.reading-pillar-ko{display:block;font-size:10px;color:#725d7e;line-height:1.6;margin-bottom:10px}
.reading-daymaster{display:flex;align-items:center;gap:11px;border-radius:13px;background:#f3edf9;padding:13px 14px;margin-top:17px}
.daymaster-character{font:27px "Batang",serif;color:#79538f;line-height:1;flex:none}.reading-daymaster small{display:block;color:#715d7d;font-size:10px;line-height:1.6}.reading-daymaster strong{display:block;color:#56356f;font-size:14px;font-weight:650;margin-top:3px}.reading-daymaster strong span{font-size:10px;font-weight:400;color:#705e7b}
.reading-calendar{text-align:center;color:#6e5f77;font-size:9px;line-height:1.9;margin-top:15px;overflow-wrap:anywhere}.reading-calendar span{padding:0 5px;color:#6a6173}.reading-unknown{font-size:10px;text-align:center;color:#715d7c;line-height:1.8;margin-top:5px}
.reading-elements{display:grid;gap:17px;margin:4px 0 23px}
.reading-element{display:grid;grid-template-columns:35px minmax(0,1fr) 32px;align-items:center;gap:12px}
.reading-element-name{display:flex;align-items:center;gap:7px;font-size:13px;color:#735c7f}.reading-element-name i{display:block;width:7px;height:7px;border-radius:50%;flex:none}
.reading-element-track{height:10px;background:#f3eff7;border-radius:9px;overflow:hidden}.reading-element-track>span{display:block;height:100%;border-radius:9px}
.reading-element>strong{font-size:16px;color:#634a74;text-align:right;font-weight:650;white-space:nowrap}.reading-element>strong small{font-size:10px;color:#6f5f77;margin-left:3px;font-weight:400}
.reading-chart-note{background:#f8f5fb;border-radius:11px;padding:12px 13px;color:#705e7a;font-size:10px;line-height:1.85;letter-spacing:-.1px;border-left:2px solid #e2cfa4}
.reading-story-card .reading-section-head{margin-bottom:23px}.reading-story h3{display:flex;gap:8px;align-items:baseline;font-size:14px;color:#55346f;font-weight:700;line-height:1.65;letter-spacing:-.35px}.reading-story h3>span{font-size:10px;color:#725d7c;flex:none}
.reading-story p{font-size:14px;line-height:2;letter-spacing:-.15px;color:#73607e;margin-top:11px;white-space:pre-line;overflow-wrap:anywhere}
.reading-story+.reading-story{border-top:1px solid #f0e9f6;padding-top:22px;margin-top:22px}
.reading-tips{background:#eee5f7;border:1px solid #e5d7f1;border-radius:22px;padding:22px 20px;margin-bottom:18px}
.reading-tips-heading{display:flex;align-items:center;gap:9px}.reading-tips-heading>span{color:#7a6129;font-size:25px;line-height:1}.reading-tips h2{font-size:16px;letter-spacing:-.6px;color:#604176;font-weight:700;line-height:1.5}
.reading-tips ul{list-style:none;display:grid;gap:14px;margin:18px 0 0;padding:0}.reading-tips li{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#745b84;line-height:1.9}.reading-tip-number{flex:none;display:grid;place-items:center;width:22px;height:22px;line-height:1;background:#ffffff80;color:#745b86;border-radius:50%;font-size:10px;margin-top:2px}
.reading-method{border-bottom:1px solid #e7deee;padding:0 2px 17px;margin-top:23px;font-size:11px;color:#705e7c;line-height:1.9}
.reading-method summary{display:flex;gap:8px;align-items:center;cursor:pointer;list-style:none;font-size:12px;color:#765a84;min-height:28px}.reading-method summary::-webkit-details-marker{display:none}.reading-method summary>span{flex:1}.reading-method summary svg{flex:none}.reading-method[open] summary>svg:last-child{transform:rotate(90deg)}.reading-method ul{padding-left:18px;margin:14px 0 0}.reading-method li+li{margin-top:8px}
.reading-footer{padding-top:19px;text-align:center}.reading-content-label{font-size:10px;color:#6f5e79;line-height:1.7}.reading-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:13px}.reading-actions .button{font-size:12px;padding:14px 13px;min-height:49px}.reading-actions .button.white{color:#755b85;background:#fff;border-color:#e3d8ed;gap:5px}.reading-actions .button.white span{font-size:11px}.reading-actions .button.saved{box-shadow:none}
.reading-footer>p{font-size:10px;color:#6f5f76;line-height:1.8;margin-top:11px}.reading-footer>.button{margin-top:13px;font-size:12px}
.reading-day{display:flex;align-items:center;gap:12px;background:#f9f1df;border:1px solid #eee1bf;border-radius:17px;padding:16px 17px;margin:0 0 19px}.reading-day-symbol{font-size:28px;color:#786233;line-height:1}.reading-day>div{flex:1}.reading-day small{font-size:10px;color:#736342}.reading-day strong{display:block;font:23px "Batang",serif;margin-top:4px;color:#776239}.reading-day-relation{font-size:11px;background:#fff8e9;border:1px solid #ebddbb;border-radius:9px;color:#75623c;padding:6px 10px}
@media(max-width:359px){.reading-hero{padding:21px 19px}.reading-hero h1{font-size:25px;letter-spacing:-1px}.reading-lead{font-size:13px}.reading-tags span{font-size:9px;padding:5px 6px}.reading-card{padding:20px 15px}.reading-section-head{gap:7px}.reading-section-head h2{font-size:16px}.reading-section-head p{font-size:10px}.reading-meta{font-size:8px;padding:4px}.reading-pillars{gap:4px}.reading-pillar{padding:8px 3px 3px;border-radius:12px}.reading-pillar .hanja{font-size:27px;border-radius:9px}.reading-pillar-title small{font-size:8px}.reading-pillar-ko{font-size:9px}.reading-story p{font-size:13px;line-height:2}.reading-profile>div>span{font-size:9px}.reading-save-top{font-size:10px;padding:8px}.reading-actions .button{font-size:11px;padding:13px 10px}.reading-actions .button.white span{font-size:10px}.reading-actions .button svg{width:15px}.reading-tips{padding:20px 16px}}
/* 보관함과 내 정보: 같은 라벤더 안에서 기록과 관리의 흐름을 나눕니다. */
.personal-page{padding-top:8px}.personal-hero{background:#ded0f3;border-radius:24px;padding:24px 22px;position:relative;overflow:hidden}.personal-watermark{position:absolute;font-size:150px;right:-30px;top:-30px;color:#ffffff30;line-height:1;pointer-events:none}.personal-hero>*:not(.personal-watermark){position:relative}.personal-eyebrow{font-size:9px;letter-spacing:1.6px;color:#705783;font-weight:650}.personal-hero h1{font-size:26px;line-height:1.5;letter-spacing:-1px;color:#332044;margin-top:13px;overflow-wrap:anywhere;word-break:normal}.personal-hero p{font-size:11px;color:#755d88;line-height:1.85;margin-top:9px}.archive-count{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff70;margin-top:21px;padding-top:16px;font-size:12px;color:#6a4b81}.archive-count strong{font-size:20px;color:#4c2678;margin:0 2px;font-weight:750}.archive-filters{margin:22px 0 16px;gap:6px}.archive-filters button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 12px;font-size:11px;white-space:nowrap}.archive-filters button span{font-size:10px;opacity:.75}.archive-item{border-radius:21px;overflow:hidden}.archive-open{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:19px 19px 17px}.archive-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.archive-type{display:inline-flex;align-items:center;gap:5px;background:#f0e8f8;border-radius:7px;padding:5px 7px;color:#79528f;font-size:10px;font-weight:650;flex:none}.archive-type.is-today{background:#f8efd9;color:#7a612c}.archive-date{font-size:9px;color:#6f5f78;line-height:1.6;text-align:right}.archive-title{font-size:17px;line-height:1.6;letter-spacing:-.5px;color:#483055;margin-top:13px;word-break:keep-all;overflow-wrap:anywhere}.archive-summary{font-size:12px;color:#705e7a;line-height:1.85;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-person{display:flex;align-items:center;gap:5px;color:#7b5d8e;font-size:10px;margin-top:17px;padding-top:13px;border-top:1px solid #f1eaf6;padding-right:24px;flex-wrap:wrap}.archive-person>span[aria-hidden]{color:#6c6073;margin:0 2px}.archive-person>span:last-child{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#705e7c}.archive-birth{font-size:9px;color:#6e5f77;line-height:1.8;margin-top:6px;padding-right:27px;overflow-wrap:anywhere}.archive-item .delete-item{bottom:15px;right:10px;color:#6e5f76;width:38px;height:38px;display:grid;place-items:center}.archive-item .delete-item:hover{background:#f8edf1;color:#8e5367}.personal-empty{padding:35px 17px;background:#f4eefb;border:1px solid #e6daef;margin-top:0}.personal-empty .empty-art{width:73px;height:73px;margin-bottom:20px;background:#e8ddf5}.personal-empty .empty-art svg{width:33px;height:33px}.personal-empty h2{font-size:17px;color:#66447f}.personal-empty p{font-size:11px;color:#715d7e}.personal-empty .button{font-size:12px;margin-top:23px}.backup-card{display:flex;gap:12px;background:#eee6f7;border:1px solid #e7daef;border-radius:18px;padding:18px 16px;margin-top:21px}.backup-card .personal-menu-icon{background:#ffffff80}.backup-card>div{min-width:0}.backup-card h2{font-size:12px;line-height:1.7;color:#6a457e;letter-spacing:-.2px}.backup-card p{font-size:10px;line-height:1.8;color:#715d7c;margin-top:5px}.backup-card button{display:flex;align-items:center;gap:8px;padding:10px 0 2px;background:none;color:#70428c;font-size:11px;font-weight:650;min-height:35px}.personal-privacy{display:flex;gap:9px;color:#6f5f79;margin:19px 3px 0}.personal-privacy>svg{flex:none;margin-top:2px}.personal-privacy p{font-size:10px;line-height:1.9}.account-hero{padding-bottom:21px}.account-identity{display:flex;gap:13px;align-items:center;margin-top:19px}.account-avatar{display:grid;place-items:center;width:55px;height:55px;background:#ffffff80;border:1px solid #ffffff60;border-radius:19px;color:#7a5693;flex:none}.account-identity h1{font-size:24px;margin:0;line-height:1.45}.account-identity p{margin-top:3px;font-size:11px}.account-birth{background:#ffffff50;border-radius:12px;padding:12px 13px;margin-top:20px}.account-birth>span{display:block;color:#735c80;font-size:9px}.account-birth strong{display:block;color:#725186;font-size:11px;font-weight:550;margin-top:5px;line-height:1.8;overflow-wrap:anywhere}.account-hero>.button{margin-top:22px;font-size:12px;min-height:46px}.personal-group{margin-top:25px}.personal-group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px;margin-bottom:11px}.personal-group-title h2{font-size:14px;color:#51345f;letter-spacing:-.4px}.personal-group-title>span{font-size:9px;color:#705e77}.personal-menu-card{background:#fff;border:1px solid #e8dfef;border-radius:20px;overflow:hidden}.personal-menu{display:flex;width:100%;align-items:center;gap:11px;text-align:left;background:none;padding:18px 16px;color:#6f5f77;min-height:82px}.personal-menu+.personal-menu{border-top:1px solid #f0e9f5}.personal-menu-icon{display:grid;place-items:center;width:37px;height:39px;border-radius:12px;background:#f3edf9;color:#775987;flex:none}.personal-menu-copy{flex:1;min-width:0}.personal-menu-copy strong{display:block;font-size:13px;color:#644578;font-weight:650}.personal-menu-copy small{display:block;font-size:10px;line-height:1.7;color:#6f5f75;margin-top:5px}.personal-menu-count{font-size:11px;color:#79588b;background:#f3edf9;padding:5px 7px;border-radius:7px;white-space:nowrap}.personal-help{font-size:10px;line-height:1.9;color:#6f5f75;padding:12px 5px 0}.personal-clear{display:flex;align-items:center;gap:8px;min-height:45px;background:none;color:#7d5b67;font-size:11px;margin-top:10px;padding:8px 5px;width:100%;text-align:left}.personal-clear>span{flex:1}.personal-about{text-align:center;padding:25px 8px 4px;margin-top:15px;border-top:1px solid #e9e0f0}.personal-about-star{display:block;color:#6f5e7a;font-size:30px;margin-bottom:11px}.personal-about h2{font-size:14px;color:#775a85}.personal-about p{color:#6f5f75;font-size:10px;line-height:1.9;margin-top:11px}.personal-version{display:block;color:#6c6171;font-size:9px;letter-spacing:.7px;margin-top:20px}
@media(max-width:359px){.personal-hero{padding:22px 19px}.personal-hero h1{font-size:24px}.archive-filters button{font-size:10px;padding:9px 10px;gap:5px}.archive-open{padding:17px}.archive-title{font-size:16px}.archive-date{font-size:8px}.personal-menu{padding:16px 13px;gap:9px}.personal-menu-copy strong{font-size:12px}.personal-menu-copy small{font-size:9px}.personal-group-title>span{font-size:8px}.account-identity h1{font-size:22px}.backup-card{gap:9px;padding:17px 13px}.backup-card h2{font-size:11px}}
.ai-panel{background:#f0e7fa;border:1px solid #e3d4f0;border-radius:21px;padding:19px 17px;margin:0 0 21px;color:#725385}.ai-panel-heading{display:flex;align-items:flex-start;gap:10px}.ai-symbol{display:grid;place-items:center;flex:none;width:31px;height:34px;background:#ffffff80;border-radius:11px;color:#765989;font-size:21px}.ai-panel-heading>div{flex:1;min-width:0}.ai-panel h2{font-size:14px;line-height:1.7;color:#5a3674;letter-spacing:-.4px}.ai-panel-heading p{font-size:10px;line-height:1.9;color:#725d7f;margin-top:4px}.ai-consent{display:flex;align-items:flex-start;gap:8px;margin-top:17px;font-size:11px;line-height:1.9;color:#775988;cursor:pointer}.ai-consent input{width:16px;height:16px;flex:none;accent-color:#4c2678;margin-top:4px}.ai-consent small{display:block;font-size:10px;line-height:1.9;color:#6f5f76;margin-top:5px}.ai-panel .button{font-size:12px;margin-top:15px;min-height:45px;justify-content:space-between;padding:12px 15px}.ai-footnote{font-size:9px!important;line-height:1.9!important;color:#6f5f78!important;margin-top:12px!important}.ai-progress{display:flex;align-items:center;gap:9px;font-size:11px;color:#7a5888;padding:17px 0 4px}.ai-spinner{width:15px;height:15px;border:2px solid #dac9e8;border-top-color:#81559f;border-radius:50%;animation:ai-spin 1s linear infinite}.ai-error{font-size:11px;color:#8e5368;line-height:1.85;background:#fff6f8;border-radius:11px;padding:12px;margin-top:14px}.ai-complete-mark{flex:none;border-radius:50%;background:#ffffff80;color:#77598a;padding:5px}.ai-panel.is-complete{padding:17px;background:#f3edf9;border-color:#e9dff1}.ai-revoke{display:block;margin:14px auto 0;background:none;padding:8px;color:#725d7e;font-size:10px;text-decoration:underline;text-underline-offset:3px}.ai-panel-heading h2:focus{outline:0}@keyframes ai-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ai-spinner{animation:none}}
.brand-wordmark{gap:9px;letter-spacing:-1.4px;width:max-content;line-height:1.15}.brand-wordmark .brand-star{color:#725b8b;font-weight:400}.brand-word{display:inline-block;color:#352146;white-space:nowrap}.brand-pick{color:#8252ab}.brand-period{color:#786230;margin-left:1px}

/* Korean header wordmark: plum, violet, lavender and gold. */
.logo .brand-word{color:#43205f}.logo .brand-pick{color:#8749ad}.logo .brand-star{color:#725b88}.logo .logo-dot{color:#7b6128}