@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_d65c78;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_d65c78{font-family:__Inter_d65c78,__Inter_Fallback_d65c78;font-style:normal}.__variable_d65c78{--font-inter:"__Inter_d65c78","__Inter_Fallback_d65c78"}:root{--linear-blue:#5e6ad2;--linear-blue-hover:#4f58b6;--linear-bg:#0a0a0a;--linear-card:hsla(0,0%,100%,.03);--linear-text:#fff;--linear-text-secondary:hsla(0,0%,100%,.7);--linear-border:hsla(0,0%,100%,.1);--linear-hover:hsla(0,0%,100%,.05);--linear-active:rgba(94,106,210,.15);--linear-error:rgba(255,59,48,.15);--primary-color:var(--linear-blue);--primary-hover:var(--linear-blue-hover);--background-color:var(--linear-bg);--card-background:var(--linear-card);--text-color:var(--linear-text);--secondary-text:var(--linear-text-secondary);--border-color:var(--linear-border);--card-shadow:0 4px 24px rgba(0,0,0,.2);--hover-shadow:0 8px 32px rgba(0,0,0,.3);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--code-background:var(--linear-card);--code-border:var(--linear-border);--code-text:var(--linear-text);--blockquote-border:var(--linear-border);--blockquote-background:var(--linear-card);--table-border:var(--linear-border);--table-header-background:var(--linear-hover);--sidebar-width:280px;--sidebar-collapsed-width:80px}@media (prefers-color-scheme:dark){:root{--background-color:#000;--card-background:#1c1c1e;--text-color:#fff;--secondary-text:#98989f;--border-color:hsla(0,0%,100%,.1);--card-shadow:0 2px 8px rgba(0,0,0,.2);--hover-shadow:0 4px 12px rgba(0,0,0,.3);--code-background:#1c1c1e;--code-border:hsla(0,0%,100%,.1);--code-text:#e1e4e8;--blockquote-border:hsla(0,0%,100%,.1);--blockquote-background:hsla(0,0%,100%,.05);--table-border:hsla(0,0%,100%,.1);--table-header-background:hsla(0,0%,100%,.05)}}*{box-sizing:border-box;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}.container{min-height:100vh;background-color:var(--background-color)}.container,.date-list{display:flex;position:relative}.date-list{width:var(--sidebar-width);padding:24px;background:linear-gradient(180deg,hsla(0,0%,4%,.95),rgba(5,5,5,.98));border-right:1px solid var(--linear-border);flex-direction:column;gap:20px;transition:var(--transition);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:100vh;overflow:hidden}.date-list.collapsed{width:var(--sidebar-collapsed-width);padding:24px 12px;background:linear-gradient(180deg,hsla(0,0%,4%,.98),rgba(5,5,5,.99))}.date-list.collapsed .add-date-button,.date-list.collapsed .date-items-container,.date-list.collapsed .date-list-content,.date-list.collapsed .month-selector,.date-list.collapsed .user-management{display:none}.date-list.collapsed .date-list-header{justify-content:center}.date-list.collapsed .date-list-header h2{display:none}.date-list.collapsed .toggle-sidebar{transform:translateY(-50%) rotate(180deg)}.date-list.collapsed .toggle-sidebar:hover{transform:translateY(-50%) rotate(180deg) scale(1.1)}.toggle-sidebar{position:absolute;right:-16px;top:50%;transform:translateY(-55%);width:20px;height:32px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:20;border:2px solid var(--background-color);color:#fff;font-size:16px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.toggle-sidebar:hover{transform:translateY(-50%) scale(1.1);background:var(--primary-hover);box-shadow:0 4px 12px rgba(0,0,0,.3)}.date-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:0;width:100%}.header-actions{display:flex;gap:8px;align-items:center}.date-list h2{font-size:16px;font-weight:500;color:hsla(0,0%,100%,.9);margin:0;white-space:nowrap;letter-spacing:-.3px}.date-list-toggle{display:none;background:none;border:none;color:hsla(0,0%,100%,.8);font-size:20px;cursor:pointer;padding:8px;transition:all .2s ease}.date-list-toggle:hover{color:hsla(0,0%,100%,.9)}.date-list-content{flex:1 1;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;overflow-y:auto;padding-right:8px}.date-list-content::-webkit-scrollbar{width:4px}.date-list-content::-webkit-scrollbar-track{background:transparent}.date-list-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:2px}.date-list-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.1))}.date-items-container{display:flex;flex-direction:column;gap:4px}.date-items-toggle{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid var(--linear-border);border-radius:8px;color:var(--linear-text);font-size:13px;cursor:pointer;padding:10px 14px;transition:all .2s ease;width:100%;text-align:left;font-weight:450}.date-items-toggle:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border-color:var(--linear-border)}.date-items{display:flex;flex-direction:column;gap:4px;max-height:0;overflow:hidden;opacity:0;transition:all .2s ease}.date-items.expanded{max-height:240px;opacity:1;overflow-y:auto;margin-top:4px;padding-right:4px}.date-items-toggle-icon{transition:transform .2s ease;font-size:10px;opacity:.6}.date-items-toggle-icon.expanded{transform:rotate(180deg)}.date-items::-webkit-scrollbar,.month-select::-webkit-scrollbar{width:4px}.date-items::-webkit-scrollbar-track,.month-select::-webkit-scrollbar-track{background:transparent}.date-items::-webkit-scrollbar-thumb,.month-select::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.date-items::-webkit-scrollbar-thumb:hover,.month-select::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.add-date-button{background:linear-gradient(135deg,var(--linear-blue) 0,var(--linear-blue-hover) 100%);border:none;border-radius:8px;padding:8px 16px;color:var(--linear-text);font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:450;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(94,106,210,.2)}.add-date-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(94,106,210,.3);background:linear-gradient(90deg,var(--linear-blue-hover) 0,var(--linear-blue) 100%);transition:background 2s ease-in-out,transform 2s ease,box-shadow 2s ease}.add-date-button:before{content:"+";font-size:16px;font-weight:500;line-height:1}.add-date-form{display:flex;flex-direction:column;gap:12px;margin-bottom:8px;padding:16px;background:linear-gradient(135deg,var(--linear-card) 0,hsla(0,0%,100%,.02) 100%);border:1px solid var(--linear-border);border-radius:8px}.date-input{background:var(--linear-card);border:1px solid var(--linear-border);border-radius:6px;padding:10px;color:var(--linear-text);font-size:14px;width:100%;transition:all .2s ease}.date-input:focus{outline:none;border-color:var(--linear-blue);background:var(--linear-hover)}.date-form-actions{display:flex;gap:8px;justify-content:flex-end}.date-form-actions button{padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.date-form-actions button[type=button]{background:var(--linear-card);border:1px solid var(--linear-border);color:var(--linear-text)}.date-form-actions button[type=submit]{background:linear-gradient(135deg,var(--linear-blue) 0,var(--linear-blue-hover) 100%);border:none;color:var(--linear-text)}.date-form-actions button:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.date-item{background:linear-gradient(135deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));border:1px solid var(--linear-border);border-radius:8px;padding:10px 14px;color:var(--linear-text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-weight:450}.date-item:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.03));border-color:var(--linear-border);color:var(--linear-text)}.date-item.active{background:linear-gradient(135deg,rgba(94,106,210,.15),rgba(94,106,210,.1));border-color:rgba(94,106,210,.3);color:var(--linear-blue)}.content-area{flex:1 1;padding:32px;background-color:var(--background-color)}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;padding:24px;max-width:1400px;margin:0 auto}.card{background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.9));border-radius:16px;box-shadow:var(--card-shadow);transition:var(--transition);cursor:pointer;perspective:1200px;height:320px;border:1px solid var(--linear-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}.card:hover{transform:translateY(-4px);box-shadow:var(--hover-shadow);border-color:var(--linear-blue);background:linear-gradient(135deg,var(--linear-hover) 0,hsla(0,0%,100%,.05) 100%)}.card-inner{position:relative;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-back,.card-front,.card-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back,.card-front{position:absolute;padding:24px;border-radius:16px;background-color:transparent;transition:opacity .3s ease;box-shadow:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column;top:0;left:0}.card-front{background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.9));position:relative;overflow:hidden;align-items:center;justify-content:center;z-index:1}.card-front h2{position:relative;z-index:2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:16px;border-radius:12px;background:hsla(0,0%,4%,.3);box-shadow:0 4px 12px rgba(0,0,0,.1);margin:0;transition:all .3s ease}.card:hover .card-front h2{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,4%,.4)}.card-back{transform:rotateY(180deg);background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(0,0,0,.8));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:flex-start;justify-content:flex-start;z-index:2;overflow:hidden;padding:24px}.card-back .markdown{width:100%;height:100%;overflow-y:auto;padding-right:8px;position:relative;z-index:3;transform:translateZ(0);will-change:transform;color:var(--linear-text);font-size:14px;line-height:1.6}.card-back .markdown::-webkit-scrollbar{width:4px}.card-back .markdown::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:2px}.card-back .markdown::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.card-back .markdown::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.card.flipped .card-back{opacity:1}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front h2{font-size:24px;font-weight:600;color:var(--text-color);letter-spacing:-.5px}.card-front h2,.modal{display:flex;align-items:center;justify-content:center;height:100%}.modal{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.5);z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transition:opacity .3s ease}.modal.active{opacity:1}.modal-content{background-color:var(--linear-card);padding:40px;border-radius:24px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;box-shadow:var(--card-shadow);transform:scale(.95);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--linear-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.modal-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@media (prefers-color-scheme:dark){.modal-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.modal-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15)}.modal-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}}.modal.active .modal-content{transform:scale(1);opacity:1}.modal-content h2{font-size:32px;font-weight:600;margin-bottom:32px;color:var(--text-color);display:flex;align-items:center;justify-content:space-between;letter-spacing:-.5px}.modal-content button{background:none;border:none;color:var(--secondary-text);font-size:24px;padding:8px;cursor:pointer;transition:color .2s ease}.modal-content button:hover{color:var(--text-color)}.modal-content .markdown{font-size:16px;line-height:1.8}.modal-content .markdown h1{font-size:32px;margin-bottom:32px}.modal-content .markdown h2{font-size:28px;margin:40px 0 24px}.modal-content .markdown p{margin-bottom:24px;font-size:16px;line-height:1.8}.modal-content .markdown pre{margin:32px 0;padding:24px;border-radius:16px;background-color:rgba(0,0,0,.03)}.modal-content .markdown code{font-size:14px;padding:4px 8px;border-radius:6px;background-color:rgba(0,0,0,.05)}.markdown{text-align:left;color:var(--text-color);font-size:16px;line-height:1.6}.markdown-h1{font-size:2em;margin:1.5em 0 .5em}.markdown-h1,.markdown-h2{font-weight:600;padding-bottom:.3em;border-bottom:1px solid var(--linear-border)}.markdown-h2{font-size:1.5em;margin:1.25em 0 .5em}.markdown-h3{font-size:1.25em;font-weight:600;margin:1em 0 .5em}.markdown-ol,.markdown-ul{padding-left:2em;margin:1em 0}.markdown-li{margin:.5em 0;line-height:1.6}.markdown-blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--linear-border);background-color:var(--linear-card);color:var(--linear-text-secondary)}.markdown-table-wrapper{margin:1em 0;overflow-x:auto}.markdown-table{width:100%;border-collapse:collapse;margin:1em 0}.markdown-td,.markdown-th{padding:.5em 1em;border:1px solid var(--linear-border);text-align:left}.markdown-th{background-color:var(--linear-hover);font-weight:600}.markdown-td{border:1px solid var(--linear-border)}.markdown-link{color:var(--linear-blue);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.markdown-link:hover{border-bottom-color:var(--linear-blue)}.markdown-image-wrapper{margin:1em 0;text-align:center}.markdown-image{max-width:100%;height:auto;border-radius:8px;box-shadow:var(--card-shadow)}.markdown-hr{margin:2em 0;border:none;border-top:1px solid var(--linear-border)}.code-block-wrapper{margin:1em 0;border-radius:8px;overflow:hidden;background-color:var(--linear-card);border:1px solid var(--linear-border)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5em 1em;background-color:var(--linear-hover);border-bottom:1px solid var(--linear-border)}.code-language,.copy-button{font-size:.9em;color:var(--linear-text-secondary)}.copy-button{background:none;border:1px solid var(--linear-border);padding:.25em .75em;border-radius:4px;cursor:pointer;transition:all .2s ease}.copy-button:hover{background-color:var(--linear-border);color:var(--text-color)}code{padding:.2em .4em;background-color:var(--linear-card);border-radius:4px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:.9em}button,code{color:var(--linear-text)}button{background:linear-gradient(135deg,var(--linear-blue) 0,var(--linear-blue-hover) 100%);border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition);letter-spacing:-.3px}button:hover{background:linear-gradient(135deg,var(--linear-blue-hover) 0,var(--linear-blue) 100%);transform:translateY(-1px)}.card-actions{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:12px;opacity:0;transition:opacity .3s ease}.card:hover .card-actions{opacity:1}.delete-btn,.edit-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;letter-spacing:-.3px}.edit-btn{background:linear-gradient(135deg,var(--linear-blue) 0,var(--linear-blue-hover) 100%)}.delete-btn,.edit-btn{color:var(--linear-text)}.delete-btn{background:linear-gradient(135deg,var(--linear-error) 0,rgba(255,59,48,.2) 100%)}.delete-btn:hover,.edit-btn:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.edit-modal{max-width:600px}.edit-form{display:flex;flex-direction:column;gap:16px}.edit-content,.edit-title{padding:12px;border-radius:8px;border:1px solid var(--linear-border);font-size:16px;background-color:var(--linear-card);color:var(--linear-text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.edit-content{min-height:200px;resize:vertical}.edit-actions{display:flex;justify-content:flex-end;gap:12px}.edit-actions button{padding:8px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:-.3px}.edit-actions button:first-child{background:linear-gradient(135deg,var(--linear-blue) 0,var(--linear-blue-hover) 100%);color:var(--linear-text)}.edit-actions button:last-child{background-color:var(--linear-card);color:var(--linear-text)}.add-card{background:linear-gradient(135deg,rgba(94,106,210,.05),hsla(0,0%,100%,.02));border:1px dashed rgba(94,106,210,.3);border-radius:16px;padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.add-card.editing{background:linear-gradient(135deg,rgba(94,106,210,.1),hsla(0,0%,100%,.05));border-style:solid;border-color:rgba(94,106,210,.5);cursor:default}.add-card-form{width:100%;display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}.add-card-title-input{background:var(--linear-card);border:1px solid var(--linear-border);border-radius:8px;padding:12px;color:var(--linear-text);font-size:16px;width:100%;position:relative;z-index:3}.add-card-title-input:focus{outline:none;border-color:var(--linear-blue);background:var(--linear-hover)}.add-card-content-textarea{background:var(--linear-card);border:1px solid var(--linear-border);border-radius:8px;padding:12px;color:var(--linear-text);font-size:16px;width:100%;min-height:120px;resize:vertical;position:relative;z-index:3}.menu-container{position:absolute;top:12px;right:12px;z-index:10}.menu-button{background:hsla(0,0%,4%,.5);border:1px solid var(--linear-border);padding:8px;cursor:pointer;color:var(--secondary-text);transition:all .2s ease;position:relative;z-index:1001;opacity:.6;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu-button:hover{background:rgba(94,106,210,.2);color:var(--linear-text)}.menu-button.active,.menu-button:hover{opacity:1;border-color:var(--linear-blue)}.menu-button.active{background-color:rgba(94,106,210,.25);color:var(--linear-blue)}.menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:hsla(0,0%,4%,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;box-shadow:var(--card-shadow);padding:8px;z-index:1000;min-width:140px;border:1px solid var(--linear-border);transform-origin:top right;animation:menuAppear .2s ease}.menu-dropdown button{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;color:var(--linear-text);font-size:14px;cursor:pointer;border-radius:8px;transition:all .2s ease;opacity:.9;letter-spacing:-.3px;font-weight:450}.menu-dropdown button:hover{background-color:rgba(94,106,210,.15);opacity:1}.menu-dropdown button:last-child{color:#ff3b30}.menu-dropdown button:last-child:hover{background-color:rgba(255,59,48,.15)}.month-select{width:100%;background:var(--linear-card);border:1px solid var(--linear-border);border-radius:6px;color:var(--linear-text);font-size:13px;transition:all .2s ease;max-height:0;overflow:hidden;opacity:0;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.2)}.month-select.expanded{opacity:1;pointer-events:auto;max-height:240px;overflow-y:auto;margin-top:4px;background:linear-gradient(135deg,var(--linear-card) 0,hsla(0,0%,100%,.02) 100%);border:1px solid var(--linear-border)}.month-option{display:block;width:100%;padding:8px 12px;background:none;border:none;color:var(--linear-text-secondary);font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease;font-weight:450}.month-option:hover{background:var(--linear-hover);color:var(--linear-text)}.month-option:first-child{border-bottom:1px solid var(--linear-border)}.user-management{margin-top:auto;padding:16px;border-top:1px solid var(--linear-border);background:linear-gradient(180deg,var(--linear-card) 0,rgba(0,0,0,.3) 100%);position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:12px}.user-info{display:flex;align-items:center;padding:10px 14px;background:linear-gradient(135deg,var(--linear-card) 0,hsla(0,0%,100%,.02) 100%);border-radius:8px;border:1px solid var(--linear-border)}.username{color:var(--linear-text);font-size:14px;font-weight:500}.user-actions{display:flex;flex-direction:column;gap:8px}.user-actions .auth-link{width:100%;text-align:center;padding:10px;background:linear-gradient(135deg,var(--linear-card) 0,hsla(0,0%,100%,.02) 100%);border:1px solid var(--linear-border);border-radius:8px;color:var(--linear-text);text-decoration:none;transition:all .2s ease;font-size:13px}.user-actions .auth-link:hover{background:linear-gradient(135deg,var(--linear-hover) 0,hsla(0,0%,100%,.04) 100%);border-color:var(--linear-border)}.logout-button{width:100%;padding:10px;background:linear-gradient(135deg,var(--linear-error) 0,rgba(255,59,48,.2) 100%);border:1px solid rgba(255,59,48,.3);border-radius:8px;color:var(--linear-text);cursor:pointer;transition:all .2s ease;font-size:13px}.logout-button:hover{background:linear-gradient(135deg,rgba(255,59,48,.25),rgba(255,59,48,.15));border-color:rgba(255,59,48,.4)}@media (max-width:480px){.container{flex-direction:column}.date-list{width:100%;height:auto;max-height:50vh;position:relative;border-right:none;border-bottom:1px solid var(--linear-border)}.date-list.collapsed{max-height:50px}.date-list-header{padding:8px}.date-list-content{max-height:40vh}.content-area{width:100%;height:auto;min-height:50vh;padding:12px}.subject-grid{grid-template-columns:1fr;gap:12px;padding:8px}.card{height:200px}.card-front h2{font-size:16px;padding:12px}.card-back{padding:12px}.card-back .markdown{font-size:12px}.modal-content{width:95%;padding:20px}.modal-content h2{font-size:24px;margin-bottom:20px}.modal-content .markdown{font-size:14px}.modal-content .markdown h1{font-size:24px;margin-bottom:20px}.modal-content .markdown h2{font-size:20px;margin:24px 0 16px}.modal-content .markdown p{margin-bottom:16px;font-size:14px}.menu-dropdown{min-width:120px}.menu-dropdown button{padding:8px 12px;font-size:13px}.add-date-button,.date-form-actions button{padding:6px 12px;font-size:12px}.date-input{padding:8px;font-size:12px}.date-item{padding:8px 12px;font-size:12px}.user-management{padding:12px}.user-info{padding:8px 12px}.username{font-size:12px}.auth-link,.logout-button{padding:8px 12px;font-size:12px}}