@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--navy-950: #0a1f35;--navy-900: #0f2d4a;--navy-800: #18466c;--sea-700: #0f6f8f;--sea-500: #2a90b5;--sea-300: #74b9d5;--foam-100: #e8f7ff;--sand-100: #f7efe1;--sand-200: #f0dfc4;--gold-500: #c5a059;--gold-600: #a6813d;--ink-900: #10263c;--ink-700: #314f69;--ink-500: #587891;--danger-600: #b94e2f;--border-soft: rgba(16, 38, 60, .12);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 12px;--shadow-soft: 0 12px 34px rgba(7, 28, 51, .12);--shadow-heavy: 0 20px 50px rgba(7, 28, 51, .18)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink-900);background:linear-gradient(180deg,#f8f9fa,#eef2f5);background-attachment:fixed;position:relative;overflow-x:hidden}@keyframes wave-animation{0%{background-position-x:0}to{background-position-x:200px}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='20' viewBox='0 0 100 20'%3E%3Cpath d='M0 10 Q 25 0, 50 10 T 100 10' fill='none' stroke='%232a90b5' stroke-width='0.5' opacity='0.15'/%3E%3C/svg%3E");background-size:200px 40px;pointer-events:none;z-index:-1;animation:wave-animation 10s linear infinite}.topbar:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='10' viewBox='0 0 100 10'%3E%3Cpath d='M0 5 Q 25 0, 50 5 T 100 5' fill='none' stroke='white' stroke-width='1' opacity='0.2'/%3E%3C/svg%3E");background-size:50px 10px}a{color:inherit;text-decoration:none}h1,h2,h3,strong,.brand{font-family:Outfit,IBM Plex Sans,sans-serif;margin:0;letter-spacing:-.02em}p{margin:0;line-height:1.6}button,input,select,textarea{font:inherit}textarea,input,select{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:.72rem .9rem;background:#fff}textarea:focus,input:focus,select:focus{outline:2px solid rgba(42,144,181,.35);border-color:var(--sea-500)}textarea{resize:vertical}ul{margin:0;padding-left:1.2rem}li{margin-bottom:.35rem}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(110deg,#0a1f35fa,#0f304ef2);box-shadow:0 4px 20px #00000026}.brand{font-size:1.3rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.6rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.brand:before{content:"⚓";font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.nautical-hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);color:#fff;padding:3rem 2rem;margin-bottom:2rem;box-shadow:var(--shadow-heavy);border:1px solid rgba(255,255,255,.1);background-color:var(--navy-900)}.nautical-hero>*{position:relative;z-index:2}.nautical-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.nautical-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-heavy)}.nautical-card-header{height:140px;background-color:var(--navy-800);position:relative}.nautical-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;background:var(--foam-100);color:var(--navy-800);border-radius:99px;font-size:.8rem;font-weight:700;border:1px solid rgba(24,70,108,.1)}.nautical-badge:before{content:"⛵"}.hero-panel{background-color:var(--navy-900);background-size:cover;background-position:center;color:#fff;position:relative;border:none;overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a1f35e6,#2a90b599)}.hero-panel>*{position:relative;z-index:1}.hero-panel h1{color:#fff}.hero-panel .eyebrow{color:var(--sea-300)}.stat-card{background:#fff;border-left:4px solid var(--sea-500)}.stat-value{color:var(--navy-900);font-weight:800}.manual-card{border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);transition:all .2s ease}.manual-card:hover{border-color:var(--sea-500);box-shadow:var(--shadow-heavy)}.study-page-stack.flashcard-mode{min-height:calc(100vh - 100px);display:flex;flex-direction:column}.flashcard-container{perspective:1000px;width:100%;max-width:800px;margin:0 auto;min-height:450px;display:flex;align-items:center;justify-content:center;flex:1}.flashcard{width:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer;display:grid;grid-template-columns:1fr}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{grid-area:1 / 1;width:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--border-soft);box-shadow:var(--shadow-heavy);text-align:center;min-height:450px;overflow:hidden}.flashcard-front{justify-content:center}.flashcard-content-scroll{overflow-y:auto;max-height:50vh;padding-right:.5rem;flex:1;width:100%}.flashcard-content-scroll::-webkit-scrollbar{width:6px}.flashcard-content-scroll::-webkit-scrollbar-track{background:transparent}.flashcard-content-scroll::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:10px}.flashcard-back{transform:rotateY(180deg);background:var(--foam-100);justify-content:flex-start}.flashcard-exit{animation:card-exit .5s forwards}@keyframes card-exit{to{transform:translate(-150%) rotate(-20deg);opacity:0}}.flashcard-enter{animation:card-enter .5s forwards}@keyframes card-enter{0%{transform:translate(150%) rotate(20deg);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}.rating-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.rating-button{padding:1rem;border-radius:var(--radius-md);border:2px solid transparent;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.rating-button.red{background:#fff1f0;color:#cf1322;border-color:#ffa39e}.rating-button.yellow{background:#fffbe6;color:#d48806;border-color:#ffe58f}.rating-button.green{background:#f6ffed;color:#389e0d;border-color:#b7eb8f}.rating-button:hover{transform:translateY(-3px);filter:brightness(.95);box-shadow:0 4px 12px #0000001a}.rating-icon{font-size:1.5rem}.rating-label{font-size:.9rem}.rating-score{font-size:.75rem;opacity:.7}.options-grid{display:grid;gap:.8rem;margin-top:1rem}.option-button{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius-md);border:2px solid var(--border-soft);background:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.option-button:hover:not(:disabled){border-color:var(--sea-500);background:var(--foam-100);transform:translateY(-2px)}.option-button.selected{border-color:var(--sea-700);background:var(--foam-100);box-shadow:0 4px 12px #0f6f8f26}.option-button.correct{border-color:#389e0d;background:#f6ffed}.option-button.incorrect{border-color:#cf1322;background:#fff1f0}.option-index{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--navy-800);color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.option-button.selected .option-index{background:var(--sea-700)}.option-button.correct .option-index{background:#389e0d}.option-button.incorrect .option-index{background:#cf1322}.topbar-inner{max-width:1180px;margin:0 auto;padding:.85rem 1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.nav-links{display:flex;gap:.7rem}.nav-links a{font-weight:600;color:#eef8ffe6;border-radius:999px;padding:.4rem .82rem;border:1px solid transparent}.nav-links a.active{background:#e8f7ff26;border-color:#e8f7ff47}.user-actions{display:flex;align-items:center;gap:.7rem}.user-email{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eef8ffd9;font-size:.9rem}.page-content{max-width:1180px;margin:0 auto;padding:1.2rem 1rem 3rem}.app-footer{max-width:1180px;margin:0 auto;padding:0 1rem 1.2rem}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1rem;background-image:url(https://images.unsplash.com/photo-1517030330234-94c4fa948ec3?auto=format&fit=crop&w=1600&q=80);background-size:cover;background-position:center;position:relative}.login-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0a1f3566,#0a1f35cc)}.login-panel{position:relative;z-index:1;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.login-panel h1{color:var(--navy-950);text-align:center}.centered-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-panel,.loading-card,.error-panel{width:min(620px,100%);border-radius:var(--radius-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#ffffffed}.login-panel{padding:2rem;display:grid;gap:1rem}.loading-card,.error-panel{padding:1.3rem 1.4rem}.error-panel{display:grid;gap:.75rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--sea-700);font-weight:700}.stack{display:grid;gap:1rem}.hero-panel{border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:1.2rem 1.3rem;background:linear-gradient(140deg,#e8f7ffe6,#f0dfc4c7);box-shadow:var(--shadow-soft);display:grid;gap:.5rem}.panel{border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:1rem;background:#fffffff0;box-shadow:var(--shadow-soft);display:grid;gap:.9rem}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:.9rem}.study-header h1{margin-bottom:.4rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.stat-card{background:linear-gradient(160deg,#fff,#f4fbff);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:.7rem;display:grid;gap:.2rem}.stat-label{color:var(--ink-700);font-size:.8rem}.stat-value{font-size:1.4rem}.stat-caption{color:var(--ink-500);font-size:.86rem}.period-stack{gap:.8rem}.manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:.85rem}.manual-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:.95rem;display:grid;gap:.75rem;background:#fff}.manual-card h3{font-size:1.15rem}.manual-metrics{display:flex;justify-content:space-between;gap:.6rem;font-size:.88rem;color:var(--ink-700)}.progress-bar{height:8px;border-radius:999px;background:#2a90b529;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#efb76a,#2a90b5)}.session-list,.weak-list,.report-list,.admin-question-list{display:grid;gap:.65rem}.session-item,.weak-item,.report-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:.85rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#fff}.session-item-full{align-items:flex-start}.link-item{transition:transform .15s ease,box-shadow .15s ease}.link-item:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0d2f4c1f}.report-item{display:grid;justify-content:stretch;align-items:stretch;gap:.7rem}.weak-item strong{font-size:1.2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.form-grid label,.panel label{display:grid;gap:.35rem;font-weight:600}.inline-checkbox{grid-template-columns:auto 1fr;align-items:center;gap:.6rem}.inline-checkbox input{width:18px;height:18px}.button-row{display:flex;flex-wrap:wrap;gap:.65rem}.compact-buttons{justify-content:flex-end}.google-button,.danger-button,.tab-button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:0;padding:.64rem .95rem;font-weight:700;cursor:pointer}.google-button{background:var(--sea-700);color:#fff}.primary-button{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:#fff;border:none;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #c5a0594d;padding:.8rem 1.5rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c5a05966;filter:brightness(1.1)}.secondary-button{background:var(--navy-800);color:#fff;border:none;font-weight:600;cursor:pointer;padding:.8rem 1.5rem;border-radius:var(--radius-md);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.secondary-button:hover{background:var(--navy-900);transform:translateY(-1px)}.ghost-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:.4rem 1rem;border-radius:99px;font-size:.85rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.ghost-button:hover{background:#ffffff1a;border-color:#fff6}.danger-button{background:var(--danger-600);color:#fff}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.google-button:disabled,.danger-button:disabled,.tab-button:disabled{opacity:.65;cursor:not-allowed}.stats-inline{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stats-inline article{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:.8rem;background:#fff}.stats-inline article h3{font-size:.9rem;color:var(--ink-700);margin-bottom:.35rem}.stats-inline article strong{font-size:1.5rem}.column-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.column-grid article{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:.8rem;background:#fff}.reference-box{border:1px dashed rgba(42,144,181,.45);border-radius:var(--radius-md);padding:.85rem;background:#f7fcff;display:grid;gap:.55rem}.question-image{width:min(100%,720px);border-radius:10px;border:1px solid var(--border-soft);background:#fff;margin-top:.6rem}.score-pill{border-radius:999px;padding:.35rem .75rem;background:#2a90b529;color:var(--sea-700)}.manual-tab-row{display:flex;flex-wrap:wrap;gap:.6rem}.tab-button{background:#eff6fa;color:var(--ink-700);border:1px solid var(--border-soft)}.tab-button.active{background:var(--sea-700);color:#fff}.admin-question-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#fff;overflow:hidden}.admin-question-card summary{list-style:none;cursor:pointer;padding:.8rem;display:grid;gap:.35rem;border-bottom:1px solid var(--border-soft)}.admin-question-card summary::-webkit-details-marker{display:none}.admin-question-body{padding:.85rem;display:grid;gap:.75rem}.admin-image-area{display:grid;grid-template-columns:minmax(240px,400px) 1fr;gap:.8rem}.admin-image-section{display:grid;gap:.55rem}.admin-image-title{font-size:.95rem}.admin-image-preview{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#f9fcff;min-height:130px;display:grid;place-items:center;overflow:hidden}.admin-image-preview img{width:100%;height:auto;display:block}.admin-image-actions{display:grid;gap:.6rem;align-content:start}.clipboard-zone{border:1px dashed var(--sea-500);border-radius:var(--radius-md);background:var(--foam-100);color:var(--ink-700);padding:.75rem}.clipboard-zone:focus{outline:2px solid rgba(42,144,181,.42)}.file-button{width:fit-content}.success-text{color:#176d42;font-weight:600}.error-text{color:#9b2f21;font-weight:600}.muted{color:var(--ink-700)}.copyright-text{font-size:.86rem;color:var(--ink-700);text-align:center;opacity:.92}@media(max-width:860px){.topbar-inner{grid-template-columns:1fr}.nav-links{order:3}.user-actions{justify-content:space-between}.admin-image-area{grid-template-columns:1fr}}@media(max-width:640px){.page-content{padding:.95rem .72rem 2rem}.panel,.hero-panel,.login-panel{padding:.9rem}.button-row{flex-direction:column}.compact-buttons{justify-content:stretch}.primary-button,.secondary-button,.ghost-button,.danger-button,.google-button,.tab-button{width:100%}}.drawing-canvas-container{margin-top:1rem}.drawing-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.drawing-label{font-size:.85rem;color:var(--ink-700);font-weight:500}.clear-drawing-button{font-size:.8rem;padding:.3rem .7rem;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:#fff;color:var(--ink-700);cursor:pointer;transition:all .2s ease}.clear-drawing-button:hover:not(:disabled){background:var(--foam-100);border-color:var(--sea-500)}.clear-drawing-button:disabled{opacity:.5;cursor:not-allowed}.drawing-canvas{width:100%;height:300px;border:2px dashed var(--border-soft);border-radius:var(--radius-md);background:#fff;touch-action:none}.drawing-canvas:active{border-color:var(--sea-500)}@media(max-width:640px){.drawing-canvas{height:250px}}