.loci-page{--ink:#39344d;--sage:#87a99a;--purple:#7964d8;color:var(--ink)}.loci-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.loci-heading h1{font-size:29px;margin-top:10px}.loci-heading p{font-size:12px;line-height:1.8;color:#8b8299}.loci-heading .eyebrow{color:#9e8ec0}.loci-actions{display:flex;gap:8px;flex-wrap:wrap}.loci-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:22px;background:linear-gradient(120deg,#ede6fa,#f3eef9 62%,#e8eee9);border:1px solid #e2d9ed;border-radius:17px;padding:29px 32px;margin-bottom:22px}.loci-hero h2{font-size:26px;font-weight:600;line-height:1.5;letter-spacing:-1px;margin:13px 0 9px}.loci-hero p{font-size:12px;color:#9385a3;line-height:1.9;margin:0 0 21px}.loci-hero .primary{background:#7560ad}.walk-art{display:flex;align-items:center;gap:14px;align-self:center;transform:rotate(-7deg);padding:15px}.walk-art i{display:block;width:60px;height:74px;border-radius:26px 26px 9px 9px;background:linear-gradient(120deg,#fff9,#d6c5eb);box-shadow:5px 9px 0 #c8b7de35;border:1px solid #fffa;font-size:27px;text-align:center;padding-top:16px;font-style:normal;color:#a38abe}.walk-art i:nth-child(3){transform:translateY(-28px)}.walk-art span{color:#ae9bc2}.walk-art small{display:block;font:9px 'Noto Sans KR',sans-serif;margin-top:6px}.learning-steps{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:25px;color:#a69bb4;flex-wrap:wrap}.learning-steps span{padding:7px 10px;border:1px solid #e8e0f0;border-radius:7px;background:white}.learning-steps b{color:#8d71b6;margin-right:6px}.loci-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:29px}.loci-stat{background:white;border:1px solid #e9e5f0;border-radius:10px;padding:16px 19px}.loci-stat small{font-size:10px;color:#a296b0}.loci-stat strong{display:block;font-size:24px;font-weight:600;margin-top:5px;color:#6d5c85}.loci-stat strong span{font-size:10px;font-weight:400;margin-left:5px;color:#ad9cbb}.palace-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}.palace-bar h2{font-size:18px;margin:0}.palace-bar select{border:1px solid #e0d7eb;border-radius:8px;background:#fff;padding:9px 12px;color:#776389;max-width:250px;font-size:12px}.palace-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:19px;align-items:start}.route-panel{background:#f1eee9;border:1px solid #e7e0d8;border-radius:13px;padding:22px;position:relative}.route-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.route-panel h3{font-size:17px;margin:4px 0 8px}.route-panel p{color:#a39689;font-size:11px;line-height:1.9;margin:0;white-space:pre-line}.route-panel-top .text-button{flex-shrink:0;color:#9e8b79}.route-label{font-size:9px;letter-spacing:1.5px;color:#b3a08c}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:25px 0 21px}.locus{position:relative;min-height:116px;border:1px solid #e0d7ca;border-radius:9px;text-align:left;padding:14px;background:#fffcf7;transition:box-shadow .2s}.locus.active{border-color:#a58ac3;box-shadow:0 0 0 3px #b59bce28;background:#fcf8ff}.locus:nth-child(4n + 3){grid-column:2}.locus:nth-child(4n + 4){grid-column:1;grid-row:var(--row)}.locus .route-arrow{position:absolute;right:-19px;top:47px;color:#b9aa95;font-size:16px;pointer-events:none}.locus:nth-child(even) .route-arrow{right:calc(50% - 7px);top:auto;bottom:-20px;transform:rotate(90deg)}.locus:nth-child(4n + 3) .route-arrow{right:auto;left:-20px;transform:rotate(180deg)}.locus:last-child .route-arrow{display:none}.locus-number{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;font-size:9px;color:#a08b74;background:#eee6da;margin-right:7px}.locus.active .locus-number{background:#a38bc0;color:white}.locus strong{font-size:12px;font-weight:600}.locus small{display:block;line-height:1.8;margin:12px 0 0;font-size:10px;color:#a79a8e;overflow-wrap:anywhere}.locus .status-dot{width:5px;height:5px;background:#83a494;display:inline-block;border-radius:50%;margin-right:4px}.locus .status-dot.due{background:#b29ad0}.route-legend{display:flex;gap:12px;color:#b09f8c;font-size:9px;flex-wrap:wrap}.route-legend b{font-weight:400;color:#8d75a7}.loci-panel{background:#fff;border:1px solid #e9e3ef;border-radius:13px;padding:23px;min-width:0}.loci-panel h3{font-size:18px;margin:10px 0}.loci-panel p{font-size:11px;line-height:1.9;color:#a092ad}.loci-panel .field-label{font-size:10px;letter-spacing:.5px;color:#a68cbb;margin:21px 0 8px}.scene-box{background:#f6f0fb;border:1px solid #ece1f5;border-radius:10px;padding:17px;font-size:12px;line-height:2;color:#8c73a2;white-space:pre-wrap;overflow-wrap:anywhere}.scene-box .scene-label{display:block;font-size:9px;letter-spacing:1px;color:#b39cc5;margin-bottom:7px}.scene-answer{white-space:pre-wrap;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.point-empty{text-align:center;padding:26px 4px}.point-empty .empty-symbol{font-size:46px;color:#c1aed3}.point-empty h3{font-size:16px}.point-empty p{margin-bottom:24px}.loci-bottom{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.coach-note,.history-note{border:1px solid #e8e2ef;border-radius:11px;background:#fff;padding:21px}.coach-note h3,.history-note h3{font-size:12px;margin:0 0 12px;color:#7e6b90}.coach-note p,.history-note p{font-size:11px;line-height:1.9;color:#a091ae;margin:0}.coach-note a{color:#9276b6;text-decoration:underline}.history-row{font-size:10px;color:#9b88aa;display:flex;gap:8px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f1ecf5}.history-row:last-child{border:0}.loci-footer{padding:28px 0;text-align:center;color:#b5a7bf;font-size:9px}.builder-hint{background:#f5f0fa;border-radius:8px;padding:12px;font-size:11px;line-height:1.9;color:#9e86b2;margin-bottom:17px}.point-edit-row{display:flex;align-items:center;gap:6px;margin-bottom:9px}.point-edit-row>span{width:22px;color:#b79ec9;font-size:11px}.point-edit-row input{min-width:0;width:100%;border:1px solid #e5daee;border-radius:7px;padding:10px;font-size:12px;color:#766080}.point-edit-row button{padding:6px;color:#a68bb9;font-size:14px}.point-edit-row button:disabled{cursor:default}.loci-dialog{width:min(640px,calc(100% - 28px))}.loci-dialog label{font-size:11px;line-height:1.7}.loci-dialog textarea{min-height:77px}.scene-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.scene-tools button{font-size:10px;color:#a087b3;background:#f4edf9;border-radius:20px;padding:7px 10px}.walk-progress{display:flex;gap:5px;margin:15px 0 25px}.walk-progress i{flex:1;height:4px;background:#eee7f4;border-radius:5px}.walk-progress i.done{background:#b89bd3}.walk-progress i.current{background:#8060a4}.walk-place{text-align:center;border:1px solid #e6dccc;border-radius:12px;background:#f5f0e9;padding:22px}.walk-place>span{font-size:9px;letter-spacing:2px;color:#b29b80}.walk-place h3{font-size:27px;margin:10px 0;color:#897258}.walk-place p{font-size:11px;color:#ab957e;line-height:1.8;margin-bottom:0}.walk-question{font-size:17px;line-height:1.8;margin:25px 0 16px;overflow-wrap:anywhere}.walk-ratings{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.walk-ratings button{background:#f3edf8;border:1px solid #e4d8ef;border-radius:9px;padding:12px 5px;color:#977bae;font-size:11px}.walk-ratings button:last-child{background:#8d73b6;color:white;border-color:#8d73b6}.walk-ratings small{display:block;font-size:9px;margin-top:5px;opacity:.8}.walk-summary{text-align:center;padding:20px 0}.walk-summary>span{font-size:48px;color:#a48ac7}.walk-summary h3{font-size:22px}.walk-summary p{font-size:12px;color:#a390b2;line-height:1.9}.walk-summary .loci-stats{text-align:left;margin:25px 0}.source-button{font-size:11px;color:#987ab0;border-bottom:1px solid #d6c4e5;padding:3px 0;margin-top:12px}.loci-page .mobile-backup{display:none}.loci-nav-home{color:#8260aa!important}.loci-nav-home.active{background:#ede6f8!important}.library-heading{font-size:12px;color:#a291b3;background:#f0eafa;border-radius:10px;padding:14px;margin-bottom:22px}.nav-divider{flex-shrink:0}
@media(max-width:1150px){.palace-layout{grid-template-columns:1fr}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.walk-art{gap:8px;padding:0}.walk-art i{width:45px;height:60px;font-size:20px}.loci-heading h1{font-size:26px}}
@media(max-width:760px){.loci-heading{align-items:flex-start;margin-bottom:20px}.loci-heading h1{font-size:23px}.loci-heading p{font-size:10px}.loci-heading .loci-actions{max-width:100px}.loci-heading button{font-size:10px;padding:8px 11px}.loci-hero{padding:23px}.loci-hero h2{font-size:23px}.loci-hero p{font-size:10px}.walk-art{display:none}.learning-steps{font-size:8px;gap:4px}.learning-steps span{padding:6px}.loci-stats{gap:7px;grid-template-columns:repeat(2,1fr)}.loci-stat{padding:12px 15px}.loci-stat strong{font-size:21px}.palace-bar{align-items:flex-start;flex-wrap:wrap}.palace-bar select{max-width:190px}.palace-bar .outline{font-size:10px;padding:9px}.loci-bottom{grid-template-columns:1fr}.route-panel{padding:18px}.loci-panel{padding:20px}.loci-page .mobile-backup{display:flex;justify-content:center;gap:14px}.loci-footer{padding-bottom:90px}.walk-summary .loci-stats{grid-template-columns:repeat(3,1fr)}.walk-summary .loci-stat{padding:10px}.loci-dialog{padding:22px}.sidebar .new-button{font-size:11px}.palace-bar h2{width:100%;margin-bottom:4px}.loci-hero .primary{font-size:11px}.learning-steps{line-height:1.8}}