.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f4e8,#f8f6f0);padding:24px}.auth-card{background:#fff;border-radius:20px;box-shadow:0 4px 32px #0000001a;padding:44px 40px;width:100%;max-width:380px;text-align:center}.auth-logo{font-size:3rem;margin-bottom:12px}.auth-card h1{font-size:1.4rem;font-weight:700;color:#3d6b3c;margin-bottom:8px}.auth-card p{font-size:.88rem;color:#888;margin-bottom:28px;line-height:1.6}.auth-card input{width:100%;padding:13px 16px;border:1.5px solid #e0dbd2;border-radius:12px;font-size:1rem;font-family:inherit;text-align:center;letter-spacing:.12em;outline:none;transition:border-color .2s;margin-bottom:10px}.auth-card input:focus{border-color:#5b8c5a}.auth-error{background:#fff0f0;color:#c0392b;border-radius:8px;padding:9px 14px;font-size:.85rem;margin-bottom:10px}.auth-card button{width:100%;padding:13px;background:linear-gradient(135deg,#3d6b3c,#5b8c5a);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s;margin-top:4px}.auth-card button:hover:not(:disabled){opacity:.9}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.form-wrap{display:flex;justify-content:center}.form-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 32px;width:100%;max-width:480px}.form-intro{text-align:center;margin-bottom:28px}.form-intro h2{font-size:1.35rem;font-weight:700;margin-bottom:6px;color:var(--primary)}.form-intro p{font-size:.9rem;color:var(--text-muted)}.field-group{margin-bottom:18px}.field-group label{display:block;font-size:.88rem;font-weight:500;margin-bottom:6px;color:var(--text)}.hint{font-weight:400;color:var(--text-muted);font-size:.8rem}.field-group input,.field-group select{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:.95rem;font-family:inherit;color:var(--text);background:#faf9f7;outline:none;transition:border-color .2s}.field-group input:focus,.field-group select:focus{border-color:var(--primary);background:#fff}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender-btns{display:flex;gap:10px}.gender-btn{flex:1;padding:11px;border:1.5px solid var(--border);border-radius:10px;background:#faf9f7;font-size:.95rem;color:var(--text);transition:all .15s}.gender-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:600}.error-msg{background:#fff3f0;color:#c0392b;border-radius:8px;padding:10px 14px;font-size:.88rem;margin-bottom:14px}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#3d6b3c,#5b8c5a);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;margin-top:4px;transition:opacity .2s,transform .1s}.submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.submit-btn:disabled{opacity:.65;cursor:not-allowed}.time-unknown-toggle{display:inline-flex;align-items:center;gap:4px;margin-left:10px;font-size:.82rem;font-weight:400;color:var(--text-muted);cursor:pointer}.time-unknown-toggle input{width:auto;margin:0;cursor:pointer}.time-input-row{display:flex;align-items:center;gap:6px}.time-col{flex:1}.time-col select{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:.95rem;font-family:inherit;background:#faf9f7;outline:none;transition:border-color .2s}.time-col select:focus{border-color:var(--primary);background:#fff}.time-sep{font-size:1.2rem;font-weight:600;color:var(--text-muted);flex-shrink:0}.time-ganzhi{font-size:.82rem;color:var(--primary);font-weight:500;white-space:nowrap;background:var(--primary-light);padding:4px 10px;border-radius:20px;flex-shrink:0}.time-unknown-msg{font-size:.83rem;color:var(--text-muted);padding:10px 14px;background:#f5f5f5;border-radius:10px}.lon-display{display:flex;align-items:center;gap:10px;margin-top:-10px;margin-bottom:18px;font-size:.85rem;color:var(--text-muted)}.offset-badge{padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:600}.offset-badge.neg{background:#eaf3fb;color:#2667a0}.offset-badge.pos{background:#fff3ec;color:#c0642a}.saju-info{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width: 640px){.saju-info{grid-template-columns:1fr}}.saju-pillars{display:flex;gap:8px;justify-content:center;align-items:flex-end;grid-column:span 3;padding-bottom:16px;border-bottom:1px solid var(--border)}@media (max-width: 640px){.saju-pillars{grid-column:span 1}}.pillar{display:flex;flex-direction:column;align-items:center;background:#f8f6f0;border-radius:10px;padding:10px 14px;gap:2px;flex:1}.pillar-label{font-size:.72rem;color:var(--text-muted)}.pillar-stem{font-size:1.6rem;font-weight:700;color:#3d6b3c;line-height:1}.pillar-branch{font-size:1.4rem;font-weight:700;color:#555;line-height:1}.pillar-sipsin{font-size:.68rem;color:#888;background:#f0ece6;border-radius:4px;padding:1px 5px;line-height:1.2}.pillar-kr{font-size:.75rem;color:var(--text-muted);margin-top:2px}.saju-meta{display:flex;flex-direction:column;gap:8px}.meta-row{display:flex;align-items:center;gap:8px}.meta-label{font-size:.8rem;color:var(--text-muted);min-width:42px}.meta-val{font-size:.92rem;font-weight:500}.oh-badge{color:#fff;padding:2px 10px;border-radius:20px;font-size:.82rem;font-weight:600}.oh-badge.gi{background:#999}.oh-bars{display:flex;flex-direction:column;gap:7px;justify-content:center;grid-column:span 1}.oh-bar-row{display:flex;align-items:center;gap:7px}.oh-name{font-size:.88rem;font-weight:600;width:18px}.oh-bar-bg{flex:1;background:#f0ece6;border-radius:4px;height:10px;overflow:hidden}.oh-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.oh-pct{font-size:.78rem;color:var(--text-muted);width:34px;text-align:right}.oh-bars-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.sipsin-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.sipsin-chip{background:#f0ece6;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:500;color:#555}.sipsin-cnt{color:#999;font-size:.72rem}.section-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1.5px solid var(--border);overflow:hidden}.section-header{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;border:none;text-align:left;transition:background .15s}.section-header:hover{filter:brightness(.97)}.section-emoji{font-size:1.8rem;flex-shrink:0}.section-titles{flex:1;display:flex;flex-direction:column;gap:2px}.section-title{font-size:1rem;font-weight:700}.section-subtitle{font-size:.85rem;color:var(--text-muted)}.section-arrow{font-size:.8rem;color:var(--text-muted)}.section-body{padding:20px 24px;border-top:1px solid var(--border)}.sec-content{display:flex;flex-direction:column;gap:14px}.sec-core{font-size:.95rem;line-height:1.75;color:var(--text)}.sec-sub{font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:.03em}.sec-chips-group{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 500px){.sec-chips-group{grid-template-columns:1fr}}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:4px 12px;border-radius:20px;font-size:.82rem;font-weight:500}.chip-green{background:#e8f4e8;color:#3d6b3c}.chip-orange{background:#fff3ec;color:#c0642a}.chip-blue{background:#eaf3fb;color:#2667a0}.chip-purple{background:#f3eefb;color:#6a4ea0}.chip-teal{background:#e6f6f6;color:#1d7a7a}.chip-indigo{background:#eef0fb;color:#3d4db0}.chip-gray{background:#f0f0f0;color:#555}.sec-list{list-style:none;display:flex;flex-direction:column;gap:5px}.sec-list li{font-size:.9rem;line-height:1.5;padding-left:10px;position:relative}.sec-list li:before{content:"·";position:absolute;left:0;color:var(--text-muted)}.method-list li:before{content:""}.sec-box{border-radius:10px;padding:14px 16px}.sec-box h4{font-size:.85rem;font-weight:600;margin-bottom:8px}.sec-box p{font-size:.9rem;line-height:1.65}.sec-box.green{background:#e8f4e8}.sec-box.orange{background:#fff3ec}.sec-box.blue{background:#eaf3fb}.sec-box.yellow{background:#fffaec}.sec-box.gray{background:#f5f5f5}.sec-box.red{background:#fff0f0}.sec-box.purple{background:#f3eefb}.sec-box.teal{background:#e6f6f6}.sec-box.indigo{background:#eef0fb}.sec-sub-desc{font-size:.88rem;line-height:1.65;color:var(--text);margin-bottom:10px}.sec-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 500px){.sec-row-2{grid-template-columns:1fr}}.avoid-text{font-size:.82rem;color:var(--text-muted);margin-top:8px}.tip-box p{font-size:.95rem}.dw-card{border:2px solid;border-radius:12px;padding:16px 18px}.dw-top{display:flex;align-items:center;gap:16px;margin-bottom:10px}.dw-ganzhi{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border-radius:10px;padding:8px 14px;box-shadow:0 1px 6px #00000014;flex-shrink:0}.dw-stem{font-size:1.8rem;font-weight:700;line-height:1}.dw-branch{font-size:1.6rem;font-weight:700;line-height:1}.dw-info{flex:1}.dw-title{font-size:.95rem;font-weight:700;margin-bottom:6px}.dw-meta{display:flex;gap:6px;flex-wrap:wrap}.dw-badge{background:#fff;border-radius:20px;padding:2px 10px;font-size:.78rem;font-weight:500;color:#555;box-shadow:0 1px 4px #00000014}.luck-badge{color:#fff;border-radius:20px;padding:2px 10px;font-size:.78rem;font-weight:700}.dw-luck-msg{font-size:.9rem;line-height:1.65;color:#444}.dw-timeline{background:#f8f6f0;border-radius:12px;padding:14px 16px}.dw-timeline-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.dw-tick{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border-radius:8px;padding:8px 10px;min-width:52px;border:1.5px solid transparent;flex-shrink:0}.dw-tick.now{border-color:var(--primary);background:var(--primary-light);box-shadow:0 2px 8px #5b8c5a33}.dw-tick-stem{font-size:1.1rem;font-weight:700;line-height:1}.dw-tick-br{font-size:1rem;font-weight:700;line-height:1}.dw-tick-age{font-size:.72rem;color:#888;margin-top:2px}.dashboard{display:flex;flex-direction:column;gap:16px}.dashboard-top{display:flex;justify-content:flex-start;margin-bottom:4px}.reset-btn{background:none;border:1.5px solid var(--border);border-radius:8px;padding:8px 16px;font-size:.88rem;color:var(--text-muted);transition:all .15s}.reset-btn:hover{border-color:var(--primary);color:var(--primary)}.name-banner{background:linear-gradient(135deg,#3d6b3c,#5b8c5a);color:#fff;border-radius:var(--radius);padding:18px 24px;font-size:1.1rem;font-weight:500}.name-text{font-size:1.4rem;font-weight:700;margin-right:4px}.sections{display:flex;flex-direction:column;gap:12px}.record-wrap{display:flex;flex-direction:column;gap:16px}.record-header{display:flex;align-items:center;gap:10px}.record-header h2{font-size:1.2rem;font-weight:700}.record-count{background:var(--primary-light);color:var(--primary);font-size:.82rem;font-weight:600;padding:2px 10px;border-radius:20px}.record-empty{text-align:center;padding:48px;color:var(--text-muted);background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow)}.record-list{display:flex;flex-direction:column;gap:10px}.record-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.record-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.record-name{font-size:1.05rem;font-weight:700}.record-meta{font-size:.88rem;color:var(--text-muted)}.record-date{font-size:.78rem;color:#bbb}.record-actions{display:flex;gap:8px;flex-shrink:0}.btn-view{padding:7px 18px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.btn-view:hover{opacity:.85}.btn-del{padding:7px 14px;background:none;border:1.5px solid #ddd;border-radius:8px;font-size:.88rem;color:#aaa;font-family:inherit;cursor:pointer;transition:all .15s}.btn-del:hover{border-color:#e74c3c;color:#e74c3c}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#3d6b3c,#5b8c5a);color:#fff;padding:20px 24px}.header-inner{display:flex;align-items:center;gap:14px;max-width:860px;margin:0 auto;justify-content:space-between}.logo-btn{display:flex;align-items:center;gap:14px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;padding:0}.records-btn{background:#ffffff26;border:1.5px solid rgba(255,255,255,.4);color:#fff;border-radius:10px;padding:8px 16px;font-size:.88rem;font-weight:500;white-space:nowrap;transition:background .15s}.records-btn:hover,.records-btn.active{background:#ffffff47}.logo{font-size:2.4rem}.app-header h1{font-size:1.5rem;font-weight:700;margin-bottom:2px}.app-header p{font-size:.9rem;opacity:.85}.app-main{flex:1;max-width:860px;margin:0 auto;width:100%;padding:32px 16px}.app-footer{text-align:center;padding:20px;color:var(--text-muted);font-size:.82rem;border-top:1px solid var(--border);background:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans KR,sans-serif;background:#f8f6f0;color:#2d2d2d;min-height:100vh}:root{--primary: #5b8c5a;--primary-light: #e8f4e8;--accent: #e07b39;--text: #2d2d2d;--text-muted: #666;--card-bg: #fff;--border: #e5e0d8;--radius: 16px;--shadow: 0 2px 16px rgba(0,0,0,.07)}button{cursor:pointer;font-family:inherit}