@font-face{font-family:Jua;src:url('assets/fonts/Jua-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:'Gowun Dodum';src:url('assets/fonts/GowunDodum-Regular.ttf') format('truetype');font-display:swap}
:root{--pink:#e784a3;--ink:#58454e;--muted:#9b8992;--line:#f0e3e9;--bg:#fff8fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'Noto Sans KR',sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;color:inherit;border-radius:12px;padding:12px 18px}button:hover{border-color:var(--pink)}button:disabled{opacity:.4;cursor:default}a{color:inherit}aside{position:fixed;width:240px;height:100vh;background:#fff;border-right:1px solid var(--line);padding:36px 26px;display:flex;flex-direction:column}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;font-size:35px;color:var(--pink)}.brand span{font-size:21px;line-height:1.4;color:var(--ink);font-weight:800}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin:28px 0}nav{display:grid;gap:10px}nav button{text-align:left;border:0;padding:15px 12px}nav button.active{background:#fff0f5;color:#c56387}nav b{float:right}.aside-bottom{margin-top:auto;font-size:17px;line-height:1.9}.aside-bottom span{display:block;font-size:11px;color:var(--muted);margin-top:20px}main{margin-left:240px;padding:40px 5vw;max-width:1600px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.muted,small{color:var(--muted)}h1{font-size:32px;margin:8px 0 14px;letter-spacing:-1.3px}h2{font-size:21px;margin:0 0 15px}h3{margin:8px 0;font-size:18px}.hero{background:#fce7ef;border:1px solid #f5d6e2;padding:36px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero p{line-height:1.8;margin-bottom:24px}.pill{font-size:11px;letter-spacing:1px;border:1px solid #e7bbcd;padding:5px 10px;border-radius:20px;display:inline-block}.primary{background:var(--pink);color:white;border-color:var(--pink);font-weight:700}.mascot{font-size:60px;background:#fff9fc;width:170px;height:170px;display:grid;place-content:center;border-radius:50%;transform:rotate(7deg);box-shadow:8px 12px 0 #f4cddd}.mascot small{font-size:12px;text-align:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 36px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.metric strong{display:block;font-size:29px;margin-top:8px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:8px 15px}.selected{background:#fbe2eb!important;border-color:#e8a7bf!important}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.subject-top{display:flex;justify-content:space-between}.icon{background:#fff0f5;border-radius:13px;padding:10px;font-size:24px}.progress{height:5px;background:#f5edf0;border-radius:4px;margin:20px 0}.progress i{display:block;height:100%;background:var(--pink);border-radius:4px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.paper{overflow:auto;max-height:75vh;background:#f6f3f4;border-radius:12px;position:relative}.paper img{display:block;width:100%;max-width:none}.paper.zoom img{width:150%}.paper img{cursor:zoom-in}.tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tools button{padding:8px 12px;font-size:12px}.answer-box{position:sticky;top:20px;align-self:start}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0}.choices button{padding:12px 0;font-size:19px}.result{padding:15px;background:#f0f8f2;border-radius:12px;margin:12px 0;line-height:1.7}.result.bad{background:#fff0f3}.numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:20px}.numbers button{padding:6px;border-radius:7px;font-size:12px}.numbers .done{background:#edf6ee}.numbers .bad{background:#fde6ec}.full{width:100%}.empty{text-align:center;padding:70px 20px}.list-row{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0}.note{font-size:12px;line-height:1.8;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;background:var(--ink);color:white;padding:12px 22px;border-radius:30px;display:none;z-index:10}.settings{max-width:750px}.settings button{margin:8px 5px 8px 0}.bar{height:10px;background:#f7e8ee;border-radius:8px}.bar i{height:100%;display:block;background:var(--pink);border-radius:8px}button:focus-visible,a:focus-visible{outline:3px solid #b45e83;outline-offset:3px}@media(max-width:1000px){aside{width:190px;padding:25px 18px}main{margin-left:190px;padding:28px}.study-layout{grid-template-columns:1fr}.answer-box{position:static}.mascot{width:130px;height:130px;font-size:44px}}@media(max-width:650px){aside{position:sticky;top:0;height:auto;width:100%;padding:10px 16px;z-index:5;border-bottom:1px solid var(--line)}.brand{font-size:24px}.brand span{font-size:15px}.brand br,.eyebrow,.aside-bottom{display:none}nav{display:flex;gap:3px;margin-top:7px}nav button{font-size:11px;padding:8px;flex:1;text-align:center}nav b{float:none}main{margin:0;padding:20px 16px}.hero{padding:24px}.hero h1{font-size:26px}.mascot{display:none}.metrics{gap:8px;margin:16px 0 25px}.card{padding:18px}.metric{padding:14px}.metric strong{font-size:23px}.metric small{font-size:11px}.grid{grid-template-columns:1fr}.top{margin-bottom:20px;font-size:12px}.paper{max-height:65vh}h1{font-size:26px}.section-head{align-items:start;gap:12px;flex-direction:column}}
/* Subinkawa pastel study diary */
:root{--pink:#F5A3BE;--ink:#59454B;--muted:#997580;--line:#f5ccdc;--bg:#FFF0F5}body{background:radial-gradient(ellipse at 20% 0%,#fffafd,transparent 70%),#fff0f5}aside{background:#fff8fb;border-right:2px solid #f8d2e0}.brand{color:#e78aaa}.brand span{font-weight:800}nav button.active{background:#ffe4ec;box-shadow:inset 0 0 0 1px #f6c0d3}main{max-width:1500px;padding-top:26px}.diary{max-width:1040px;margin:auto}.diary-header{display:flex;align-items:center;justify-content:space-between;text-align:center;gap:12px}.diary-header h1{font-size:clamp(28px,3.7vw,50px);color:#56333c;font-weight:900;margin:0 0 12px;letter-spacing:-2px;text-shadow:2px 3px #fff,-2px -2px #fff}.diary-header button{font-size:28px;border:2px solid #edb6ca;background:#fff9fc;border-radius:20px;width:62px;height:62px;padding:5px;color:#bb7a90;box-shadow:0 3px 0 #f9dbe7}.tiny-stars{color:#e58ca8;letter-spacing:8px;font-size:15px}.subtitle{display:inline-block;background:linear-gradient(#ffc1d5,#ffdaE5);border:2px solid white;border-radius:30px;padding:7px 24px;font-size:17px;font-weight:700;color:#6b424e;box-shadow:0 0 0 1px #f8bbd0}.reference-scene{position:relative;overflow:hidden;aspect-ratio:1024/400;margin:10px -8px 0;mix-blend-mode:multiply}.reference-scene img{position:absolute;top:-42.5%;left:0;width:100%;height:auto}.diary-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #f4bfd3;border-radius:28px;background:#fffafd;box-shadow:0 7px 0 #fbdde8,0 12px 22px #e9a5bd20;padding:22px 8px;margin:0 0 30px}.diary-metrics>div{border-right:1px solid #f2c6d6;text-align:center}.diary-metrics>div:last-child{border:0}.diary-metrics span{font-size:15px;white-space:nowrap}.diary-metrics i{font-style:normal;color:#df809e;font-size:24px}.diary-metrics strong{display:block;font-size:35px;color:#6d364a;margin-top:5px}.diary-metrics small{font-size:17px;color:#59454b}.diary-actions{display:grid;grid-template-columns:1fr 1fr;gap:17px}.diary-actions button{display:flex;align-items:center;text-align:left;gap:15px;padding:24px 18px;background:linear-gradient(130deg,#fffefe,#fff6fa);border:2px solid #f1c9da;border-radius:27px;box-shadow:0 6px 0 #f9dfe9;min-width:0;transition:transform .18s,box-shadow .18s}.diary-actions button:hover{transform:translateY(-3px);box-shadow:0 9px 0 #f6d4e3}.diary-actions h2{font-size:22px;color:#573b44;margin:0 0 8px}.diary-actions p{font-size:13px;margin:0;color:#7c606b}.action-icon{font-size:37px;color:#b67b8e}.sticker{margin-left:auto;flex-shrink:0;color:#e090ad;font-size:37px;transform:rotate(10deg)}.calendar{font-size:15px;background:#fff;border:2px solid #be8a9b;border-top:8px solid #f5c2d4;padding:14px 5px;border-radius:8px}.bag-icon,.pochette-decoration{width:58px;height:46px;background:#f7bfD4;border:2px solid #926474;border-radius:45% 45% 35% 35%;display:grid;place-content:center;font-size:28px;color:#8a5367;transform:rotate(-12deg);position:relative;flex-shrink:0}.bag-icon:before,.pochette-decoration:before{content:'';position:absolute;width:30px;height:24px;border:3px solid #b07c90;border-bottom:0;border-radius:60% 60% 0 0;top:-24px;left:12px}.goal-card{margin:30px 0;background:#fffafd;border:2px solid #ffdae7;border-radius:28px;padding:24px;box-shadow:0 7px 20px #edb8cc20}.goal-card h2{font-size:22px;margin:0;background:linear-gradient(transparent 30%,#ffc3d6 30%);padding:5px 12px;border-radius:12px}.goal-card strong{font-size:19px;white-space:nowrap}.goal-track{height:27px;border:2px solid #df91ac;background:#fff7fb;border-radius:20px;padding:3px;margin-top:16px}.goal-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#f8b2c9,#ff94b9);transition:width .3s}.goal-card p{text-align:center;font-size:13px;color:#aa6e84;margin:13px 0 0}.subject-card{border:2px solid #f7d7e4;border-radius:23px;box-shadow:0 5px 0 #fce5ee}.subject-card .icon{background:#fff0f5;color:#b77b90}.primary{color:#573442;background:#f5a3be;border-color:#ed98b5}.selected{background:#ffd9e7!important}.diary-footer{display:flex;align-items:center;margin-top:25px;gap:15px;overflow:hidden}.diary-footer>div:first-child{flex:1;border:2px solid #ffd6df;border-radius:45%;background:#fffaf7;padding:24px 10px;text-align:center;font-size:19px;font-weight:700;line-height:1.7}.footer-scene{width:53%;position:relative;aspect-ratio:530/220;overflow:hidden;mix-blend-mode:multiply}.footer-scene img{position:absolute;width:193.2%;left:-88%;top:-590%;height:auto}.pochette-decoration{margin:40px 20px 25px}.result{border:2px solid #f5c2d6;background:#fff0f7}.result.bad{background:#fff4f6}.card{box-shadow:0 5px 20px #d995b412}.study-layout .paper{box-shadow:none}.choices button.selected{box-shadow:0 3px 0 #ebbad0}.note{text-align:center}body[data-view=study] .note{text-align:left}@media(max-width:1000px){main{padding:24px}.diary-actions h2{font-size:18px}.sticker{display:none}.diary-metrics strong{font-size:28px}.diary-metrics span{font-size:12px}}@media(max-width:650px){aside{background:#fff8fc}body[data-view=home] .brand{display:none}body[data-view=home] aside{padding:5px 10px}nav{margin:0}main{padding:18px 12px}.diary-header{gap:8px}.diary-header h1{font-size:31px;letter-spacing:-1.5px}.diary-header button{width:40px;height:40px;font-size:22px;border-radius:13px}.subtitle{font-size:12px;padding:5px 12px}.tiny-stars{font-size:11px}.reference-scene{margin:12px -10px 0}.diary-metrics{border-radius:20px;padding:14px 2px;margin-bottom:24px}.diary-metrics span{font-size:10px}.diary-metrics i{font-size:16px}.diary-metrics strong{font-size:24px}.diary-metrics small{font-size:11px}.diary-actions{gap:12px}.diary-actions button{padding:18px 10px;border-radius:21px;gap:8px;min-height:108px;flex-wrap:wrap;align-content:center}.diary-actions h2{font-size:16px;margin:0 0 4px}.diary-actions p{font-size:10px}.action-icon{font-size:25px}.bag-icon{width:30px;height:28px;font-size:18px}.bag-icon:before{width:18px;height:12px;left:5px;top:-13px;border-width:2px}.goal-card{padding:18px 14px;margin:24px 0}.goal-card .row{align-items:start;gap:10px;flex-direction:column}.goal-card h2{font-size:19px}.goal-card strong{align-self:flex-end;font-size:15px}.goal-track{height:23px}.diary-footer>div:first-child{font-size:12px;padding:15px 5px}.footer-scene{width:50%}.grid{gap:12px}.diary .section-head h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.reference-scene{aspect-ratio:1024/360;border-radius:22px}.reference-scene img{top:-58.3333%}
/* Focused reading: preserve source typography, one column at a time. */
.reading-card{padding:24px;min-width:0}.reading-toolbar{padding-bottom:18px;border-bottom:1px solid var(--line);font-size:13px}.reading-content{max-width:700px;margin:20px auto 0}.reading-content img{display:block;width:100%;height:auto;margin:0 auto;cursor:default}.shared-passage{background:#fff;border:1px solid #f1d8e2;border-radius:12px;padding:14px;margin:0 0 24px}.shared-passage h2{font-size:13px;color:#a56e83;padding:0 0 10px;margin:0}.question-reading{background:white}.study-layout{grid-template-columns:minmax(0,1fr) 250px}.answer-box h2{font-size:18px}.question-map summary{font-size:12px;color:var(--muted);cursor:pointer;margin-top:14px}.answer-box .choices{margin:18px 0}.reading-toolbar a{white-space:nowrap}@media(max-width:1000px){.study-layout{grid-template-columns:1fr}.answer-box{position:sticky;bottom:0;z-index:4;background:#fffafd;box-shadow:0 -8px 24px #8d50631a}.answer-box>.pill,.answer-box>h2,.answer-box>small{display:none}.answer-box .choices{margin:0 0 10px}.answer-box .tools{display:flex;justify-content:space-between;margin:10px 0 0}.answer-box .result{font-size:13px;padding:8px;margin:8px 0}.answer-box .question-map{margin-top:8px}.answer-box .question-map summary{margin:0}.answer-box .numbers{margin:10px 0 0;grid-template-columns:repeat(10,1fr)}body[data-view=study] main{padding-bottom:12px}.reading-content{max-width:690px}}@media(max-width:650px){.reading-card{padding:12px 9px;border-radius:14px}.reading-toolbar{font-size:11px;padding:2px 3px 12px}.shared-passage{padding:7px;margin-bottom:18px;border-radius:8px}.reading-content{margin-top:14px}.answer-box{padding:12px;border-radius:18px 18px 0 0;margin:0 -4px;bottom:0}.answer-box .choices button{padding:9px 0;font-size:20px}.answer-box #check{padding:10px}.answer-box .tools button{padding:8px 15px}.answer-box .result small{display:none}.answer-box .numbers{grid-template-columns:repeat(5,1fr)}.study-layout{gap:16px}body[data-view=study] aside{position:static}body[data-view=study] main> .row{margin-bottom:12px}}
@media(max-width:1000px){.study-layout{grid-template-columns:minmax(0,1fr)}.answer-box{min-width:0}.reading-content,.question-reading,.shared-passage{min-width:0;max-width:100%}}
.filters label{font-size:12px;display:flex;gap:7px;align-items:center}.filters select{border:1px solid #edc4d5;background:white;border-radius:10px;padding:8px;color:#59454b;max-width:140px}.section-head{flex-wrap:wrap}.filters{align-items:center}.reading-content img{background:#fff}.reading-content img+img{margin-top:2px}

body,button,input,select{font-family:'Gowun Dodum','Noto Sans KR',sans-serif}h1,h2,h3,.brand span,.diary-metrics strong,.random-subjects strong{font-family:'Jua','Gowun Dodum',sans-serif;font-weight:400!important}.diary-header h1{font-size:clamp(34px,4.5vw,56px);letter-spacing:0;color:#64424f}.diary-header .subtitle{display:none}.reference-scene{aspect-ratio:1024/420;border-radius:30px;margin-top:4px;isolation:isolate;mix-blend-mode:normal;box-shadow:0 6px 22px #dba5b517}.reference-scene img{top:-36.6667%;width:100%;left:0}.diary-actions button{padding:22px;position:relative;overflow:visible;box-shadow:0 5px 0 #f8dce7,0 8px 18px #c4889e0e}.diary-actions h2{font-size:25px}.pochette-art{width:84px;height:76px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 4px #b7849820);transition:transform .2s}.diary-actions button:hover .pochette-art{transform:rotate(-7deg) translateY(-3px)}.pochette-large{display:block;width:190px;height:170px;object-fit:contain;margin:0 auto 18px}.diary-metrics{margin-top:14px}.diary-metrics strong{font-size:36px;letter-spacing:-.5px}.subject-card{background:linear-gradient(145deg,#fff,#fff9fc);transition:transform .18s}.subject-card:hover{transform:translateY(-2px)}.primary{background:#ec9bb9;color:#543746;box-shadow:0 3px 0 #e98eaf;border-radius:14px}.install-app{font-size:13px;margin-top:22px;background:#ffe6ef;border:1px solid #edc4d3;color:#85526a}.aside-bottom{padding-top:18px}.cute-dialog{border:1px solid #edbed0;border-radius:28px;padding:34px;max-width:600px;width:calc(100% - 32px);color:#59454b;background:linear-gradient(145deg,#fffafd,#fff0f6);box-shadow:0 24px 80px #6f344633}.cute-dialog::backdrop{background:#58364566;backdrop-filter:blur(5px)}.cute-dialog h2{font-size:28px;margin-top:20px}.cute-dialog p{font-size:14px;line-height:1.8;color:#92707e}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:24px}.random-subjects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.random-subjects button{text-align:left;padding:18px;background:#fff;border:1px solid #f0cedb;box-shadow:0 4px 0 #f9e0ea;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:4px 10px}.random-subjects button span{grid-row:span 2;color:#c8829d;font-size:27px}.random-subjects strong{font-size:22px}.random-subjects small{font-size:12px}.random-subjects button:last-child{grid-column:1/-1;background:#ffe1ed}.random-subjects button:hover{border-color:#d589a6;background:#fff4f9}@media(max-width:650px){.diary-header h1{font-size:34px}.reference-scene{margin:8px 0 0;border-radius:20px}.diary-actions h2{font-size:19px}.diary-actions button{padding:17px 10px;gap:5px}.pochette-art{width:49px;height:52px}.diary-actions .sticker{display:none}.diary-metrics strong{font-size:28px}.install-app{position:fixed;right:12px;bottom:16px;z-index:8;font-size:12px;padding:10px 14px;border-radius:30px;box-shadow:0 4px 18px #b77d9233}body[data-view=study] .install-app{display:none}.cute-dialog{padding:28px 20px}.cute-dialog h2{font-size:25px}.random-subjects button{padding:14px 10px;grid-template-columns:26px 1fr}.random-subjects strong{font-size:20px}.random-subjects small{font-size:11px}.diary-metrics span{font-size:11px}}
.reference-scene{aspect-ratio:1024/404}.reference-scene img{top:-41.0891%}.hero-label{position:absolute;top:0;left:28%;width:44%;height:13%;z-index:1;display:grid;place-content:center;background:#ffe6ef;color:#754658;font-family:Jua,sans-serif;font-size:clamp(10px,1.6vw,18px);border-radius:0 0 35px 35px}.diary-actions #goWrong .sticker{display:none}.diary-actions #goWrong>div{min-width:0;flex:1}.diary-actions #goWrong h2{font-size:22px;white-space:nowrap}.pochette-art{width:72px}@media(max-width:650px){.pochette-art{width:45px;height:48px}.diary-actions #goWrong h2{font-size:17px}.hero-label{font-size:10px}}
/* Stable menu slots and a shared pochette identity. */
.brand{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;padding:4px 0}
.brand-mark{display:block;width:54px;height:54px;border-radius:17px;box-shadow:0 3px 8px #c8809d16}
.brand>span{display:grid;gap:2px;min-width:0}
.brand .brand-name,.brand .brand-room{display:block;font-size:21px;line-height:1.2;letter-spacing:.2px;white-space:nowrap}
.brand .brand-room{font-size:18px;color:#b5758d}
.diary-header{display:grid;grid-template-columns:62px minmax(0,1fr) 62px;gap:16px;align-items:center}
.diary-header>div{min-width:0}.diary-header h1{white-space:nowrap;font-size:clamp(26px,3.8vw,50px);line-height:1.25;margin:4px 0 10px}
.diary-header>button{display:grid;place-items:center;width:62px;height:62px;min-width:0;padding:0;line-height:1;align-self:center;justify-self:center}
.diary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.diary-actions>button{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:1fr;align-items:center;align-content:normal;gap:16px;padding:22px;min-height:132px;flex-wrap:nowrap;overflow:hidden;text-align:left}
.diary-actions>button>.action-icon{display:grid;place-items:center;width:64px;height:64px;background:#fff0f6;border:1px solid #f5d1df;border-radius:20px;font-size:34px;line-height:1;color:#bd7a95}
.diary-actions .action-pochette{overflow:hidden}.action-pochette img{display:block;width:100%;height:100%;object-fit:contain}
.diary-actions>button>div,.diary-actions #goWrong>div{min-width:0;width:100%}
.diary-actions>button h2,.diary-actions #goWrong h2{font-size:22px;line-height:1.3;white-space:nowrap;margin:0 0 7px;letter-spacing:0}
.diary-actions>button p{font-size:13px;line-height:1.6;margin:0;min-height:42px;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:1150px){
 .diary-actions>button{grid-template-columns:minmax(0,1fr);grid-template-rows:60px 1fr;justify-items:center;align-items:start;text-align:center;gap:14px;padding:22px 12px;min-height:192px}
 .diary-actions>button>.action-icon{width:60px;height:60px;font-size:32px}
 .diary-actions>button h2,.diary-actions #goWrong h2{font-size:21px}
 .diary-actions>button p{font-size:12px;min-height:39px}
}
@media(max-width:650px){
 .brand{grid-template-columns:42px minmax(0,1fr);gap:9px;width:max-content}
 .brand-mark{width:42px;height:42px;border-radius:13px}
 .brand>span{display:flex;gap:5px;align-items:baseline}.brand .brand-name,.brand .brand-room{font-size:18px;line-height:1.25}
 .diary-header{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}
 .diary-header>button{width:42px;height:42px;border-radius:14px;font-size:22px;line-height:1}
 .diary-header h1{font-size:clamp(22px,5.6vw,34px);margin:3px 0 8px;letter-spacing:0}
 .tiny-stars{display:block;line-height:16px;letter-spacing:5px}
 .diary-actions{gap:12px}
 .diary-actions>button{grid-template-rows:52px 1fr;min-height:170px;gap:12px;padding:18px 9px;border-radius:23px}
 .diary-actions>button>.action-icon{width:52px;height:52px;border-radius:17px;font-size:28px}
 .diary-actions>button h2,.diary-actions #goWrong h2{font-size:18px;line-height:1.3;margin-bottom:6px}
 .diary-actions>button p{font-size:11px;min-height:36px;line-height:1.6}
}
@media(max-width:360px){.diary-actions>button h2,.diary-actions #goWrong h2{font-size:16px}.diary-header{gap:5px;grid-template-columns:38px minmax(0,1fr) 38px}.diary-header>button{width:38px;height:38px}.diary-header h1{font-size:21px}}
.goal-card h2{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:0;background:none;border-radius:0;line-height:1.3}
.goal-icon{display:block;line-height:1;font-size:24px;flex:none}
.goal-label{display:inline-block;width:max-content;padding:3px 6px;line-height:1.2;white-space:nowrap;background:#ffc3d6;border-radius:6px}

.pochette-notice{display:block;color:#8c4d67;font-weight:700;margin-top:3px;word-break:keep-all;overflow-wrap:anywhere}
.pochette-status{text-align:center;margin:0 0 12px}

.study-exit{width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;text-align:center;padding:32px 20px 16px;border:5px solid #fbe2ed;background:#fffafd}
.study-exit .dialog-close{top:4px;right:6px;padding:6px 12px;color:#86586c}
.study-exit-art{display:block;width:min(220px,80%);height:clamp(82px,21dvh,150px);object-fit:contain;margin:0 auto 12px;border-radius:18px;background:#fff0f6}
.study-exit h2{margin:0 0 8px;color:#654250;font-size:clamp(22px,6vw,28px)}
.study-exit .study-exit-line{margin:0 0 12px;color:#795466;word-break:keep-all}
.study-exit-record{padding:12px 8px;border-radius:16px;background:#fcecf3;color:#90526d}
.study-exit-record p{margin:3px 0 0;color:#795466;line-height:1.45}
.study-exit-record strong{font-family:Jua,sans-serif;font-weight:400;font-size:25px;color:#ad5078}
.study-exit-actions{display:grid;gap:6px;margin-top:12px}
.study-exit-actions button{min-height:44px}
.study-exit-actions [data-leave]{background:#fffafd;color:#735463}
body[data-view="finished"] aside{display:none}
body[data-view="finished"] main{display:grid;place-items:center;min-height:100dvh;margin:0 auto;padding:20px}
.study-finished{text-align:center;max-width:440px;padding:30px 20px}
.study-finished h1{margin:0 0 12px}
.study-finished button{min-height:44px;margin-top:8px}

.action-art{position:relative;overflow:hidden}
.action-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

#randomDialog{max-height:calc(100dvh - 28px);overflow:auto}
.random-units{display:grid;gap:8px;margin:16px 0}
.random-units button{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;text-align:left;background:#fff}
.random-units button:first-child{background:#ffe1ed}
.random-units strong{font-family:Jua,sans-serif;font-weight:400;color:#634353}
.random-units small{white-space:nowrap;color:#805669}
#randomDialog .random-unit-note{font-size:12px}
.random-back{font-size:13px;padding:8px 12px}

.unit-study{max-width:850px;margin-bottom:32px}
.unit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0}
.unit-filters label,.unit-start label{display:grid;gap:4px}
.unit-study select,.unit-study input[type=number]{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:8px;width:100%;font:inherit}
.unit-major{border:1px solid var(--line);border-radius:14px;margin:8px 0;background:#fffafd}
.unit-major summary,.unit-stats summary{padding:12px;min-height:44px;cursor:pointer;color:#79465e;font-family:Jua,sans-serif;font-size:18px}
.unit-major summary small{margin-inline-start:4px}
.unit-check{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;min-height:44px;padding:8px 12px;cursor:pointer;word-break:keep-all}
.unit-check input{width:18px;height:18px;accent-color:#b85d85;flex:none}
.unit-check span{flex:1}
.unit-check small{white-space:nowrap}
.unit-empty{color:#82747b;background:#f9f4f6}
.unit-start{display:grid;gap:8px;margin-top:16px}
.unit-start label{max-width:140px}
.unit-start p{margin:0}
.unit-start button{min-height:44px}
.unit-stats{margin-top:16px;border-top:1px solid var(--line)}
.unit-stat{padding:10px 0;border-bottom:1px solid var(--line);line-height:1.65}
@media(max-width:650px){nav{flex-wrap:wrap}nav button[data-view=units]{min-height:44px}.unit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-check small{font-size:11px}}